
#header{
    position:fixed;
    display:block;
    width: 100%;
    background: #333;
    z-index:9;
}
#particles-js {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.img-hover {
    position: absolute;
    z-index: 1;
    width: 303px;
    transition: all 1s;
}
.animate {
  transform: scale(1.2);
}

.img1{
	position:relative;
	z-index:2;
}



@media (min-width: 768px) {
	
	#header{
    position:fixed;
    display:block;
    width: 100%;
    background: #333;
    z-index:9;
}
#particles-js {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.img-hover {
    position: absolute;
    z-index: 1;
    width: 150px;
    transition: all 1s;
}
.animate {
  transform: scale(1.2);
}

.img1{
	position:relative;
	z-index:2;
}
	
}

@media (min-width: 1024px) {
	.img-hover {
    position: absolute;
    z-index: 1;
    width: 200px;
    transition: all 1s;
}
}

@media (min-width: 1300px) {
	.img-hover {
    position: absolute;
    z-index: 1;
    width: 304px;
    transition: all 1s;
}
}

@media (min-width: 1900px) {
	.img-hover {
    position: absolute;
    z-index: 1;
    width: 354px;
    transition: all 1s;
}
}

@media (min-width: 2000px) {
	
	.img-hover {
    position: absolute;
    z-index: 1;
    width: 520px;
    transition: all 1s;
}
}


    .contenedor-spinner {
        display: none;
        width: 100%;
        height: 100vh;
        justify-content: center;
        align-items: center;
        z-index: 99999;
        position: absolute;
        background-color: #fff;
    }
    .spinner {
      border: 4px solid rgba(0, 0, 0, 0.1);
      width: 106px;
      height: 106px;
      border-radius: 50%;
      border-left-color: #09f;
      animation: spin 1s ease infinite;
    }

    .spinner-text {
        position: absolute;
        bottom: 30%;
    }

    @keyframes spin {
      0% {
        transform: rotate(0deg);
      }

      100% {
        transform: rotate(360deg);
      }
    }

    .navbar-nav {
        float: left;
        margin: 0 15px 0 0;
    }

    .animation {
        animation: fadeInAnimation ease 0.8s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
    }

    @keyframes fadeInAnimation {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
         }
    }