.fadein_header div {

	-webkit-animation-duration: 32s;
    animation-duration: 32s;
}

@-webkit-keyframes fade_header {
    0% {opacity: 0;}
    8.33% {opacity: 1;}
    16.66% {opacity: 1;}
    25% {opacity: 0;}
    100% {opacity: 0;}
}
@keyframes fade_header {
    0% {opacity: 0;}
    8.33% {opacity: 1;}
    16.66% {opacity: 1;}
    25% {opacity: 0;}
    100% {opacity: 0;}
}

#f1 {
 
  
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  background-image: url('imagens/1.jpg?v=2');
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  padding-top: 27.93%;

}
#f2 {
	animation-delay: -28s;
    -webkit-animation-delay: -28s;
  background-image: url('imagens/2.jpg?v=2');
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  padding-top: 27.93%;
}
#f3 {
	animation-delay: -24s;
    -webkit-animation-delay: -24s;
   background-image: url('imagens/3.jpg?v=2');
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  padding-top: 27.93%;
}
#f4 {
	animation-delay: -20s;
    -webkit-animation-delay: -20s;
  background-image: url('imagens/4.jpg?v=2');
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  padding-top: 27.93%;
}
#f5 {
	animation-delay: -16s;
    -webkit-animation-delay: -16s;
   background-image: url('imagens/5.jpg?v=2');
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  padding-top: 27.93%;
}
#f6 {
	animation-delay: -12s;
    -webkit-animation-delay: -12s;
   background-image: url('imagens/6.jpg?v=2');
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  padding-top: 27.93%;
}
#f7 {
	animation-delay: -8s;
    -webkit-animation-delay: -8s;
   background-image: url('imagens/7.jpg?v=2');
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  padding-top: 27.93%;
}
#f8 {
	animation-delay: -4s;
    -webkit-animation-delay: -4s;
   background-image: url('imagens/8.jpg?v=2');
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  padding-top: 27.93%;
}

@media only screen and (max-width: 960px) {

#f1 {
  background-image: url('imagens/1_mobile.jpg?v=2');
  padding-top: 66.8%;
}

#f2 {
  background-image: url('imagens/2_mobile.jpg?v=2');
  padding-top: 66.8%;
}

#f3 {
  background-image: url('imagens/3_mobile.jpg?v=2');
  padding-top: 66.8%;
}

#f4 {
  background-image: url('imagens/4_mobile.jpg?v=2');
  padding-top: 66.8%;
}

#f5 {
  background-image: url('imagens/5_mobile.jpg?v=2');
  padding-top: 66.8%;
}

#f6 {
  background-image: url('imagens/6_mobile.jpg?v=2');
  padding-top: 66.8%;
}
#f7 {
  background-image: url('imagens/7_mobile.jpg?v=2');
  padding-top: 66.8%;
}
#f8 {
  background-image: url('imagens/8_mobile.jpg?v=2');
  padding-top: 66.8%;
}
}