.art-container{
  position: fixed;
  width: 100%; height: 100%;
  left: 0; top: 0;
  z-index: -1;
}


.art-layer{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%; height: 100%;
  background-repeat: repeat;
  background-attachment: fixed;
}

.art-layer-1{
  background-image:url(../images/circle-1.png);
  background-size: cover;
}

.art-layer-2{
  background-image:url(../images/circle-2.png);
  background-size: auto;
}

.art-layer-2{
  background-image:url(../images/circle-3.png);
  background-size: cover;
}



.art-parallax img{
  opacity: 0;
}
.art-firework-1{
  position: absolute;
  left: -200px;
  top: 0;
}
.art-firework-1 img{
  animation:firework 3s ease infinite;
}

.art-firework-2{
  position: absolute;
  left: 50px;
  top: 1000px;
}
.art-firework-2 img{
  animation:firework 2s 1s ease infinite;
}

.art-firework-3{
  position: absolute;
  right: -150px;
  top: 500px;
}
.art-firework-3 img{
  animation:firework 4s 2s ease infinite;
}

.art-firework-4{
  position: absolute;
  right : 50px;
  top: -250px;
}
.art-firework-4 img{
  animation:firework 2s 3s ease infinite;
}

@keyframes firework {
   0% { transform: scale(0) translateY(0); }
  25% { transform: scale(1) translateY(-100px); opacity: 1;}
  50% { opacity: 0;}
  75% { transform: scale(1) translateY(-50px);  opacity: 0; }
 100% {  opacity: 0; }
}



@media screen and (max-width:1080px) {
    .art-container{ display: none; }
}