/* ---------------- SLIDER CON EFECTOS DE AMPLIACIÓN Y ROTACIÓN ------------------- */

.headerimg {-webkit-backface-visibility:hidden; -webkit-animation:imageAnimation 6s linear infinite 0s; -moz-animation:imageAnimation 6s linear infinite 0s;
  -o-animation:imageAnimation 6s linear infinite 0s; -ms-animation:imageAnimation 6s linear infinite 0s; animation:imageAnimation 6s linear infinite 0s;}


@-webkit-keyframes imageAnimation { 
	0%   {opacity:0; -webkit-transform:scale(1);}
	10%  {opacity:1;}
	90%  {opacity:1;}
	100% {opacity:0; -webkit-transform:scale(1.05);}
}

@-moz-keyframes imageAnimation { 
	0%   {opacity:0; -moz-transform:scale(1);}
	10%  {opacity:1;}
	90%  {opacity:1;}
	100% {opacity:0; -moz-transform:scale(1.05);}
}

@-o-keyframes imageAnimation { 
	0%   {opacity:0; -o-transform:scale(1);}
	10%  {opacity:1;}
	90%  {opacity:1;}
	100% {opacity:0; -o-transform:scale(1.05);}
}

@-ms-keyframes imageAnimation { 
	0%   {opacity:0; -ms-transform:scale(1);}
	10%  {opacity:1;}
	90%  {opacity:1;}
	100% {opacity:0; -ms-transform:scale(1.05);}
}

@keyframes imageAnimation { 
	0%   {opacity:0; transform:scale(1);}
	10%  {opacity:1;}
	90%  {opacity:1;}
	100% {opacity:0; transform:scale(1.05);}
}


/*---------------------------------------- RESPONSIVE ---------------------------------*/

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


	@-webkit-keyframes imageAnimation { 
		0%   {opacity:0;}
		10%  {opacity:1;}
		90%  {opacity:1;}
		100% {opacity:0;}
	}
	
	@-moz-keyframes imageAnimation { 
		0%   {opacity:0;}
		10%  {opacity:1;}
		90%  {opacity:1;}
		100% {opacity:0;}
	}
	
	@-o-keyframes imageAnimation { 
		0%   {opacity:0;}
		10%  {opacity:1;}
		90%  {opacity:1;}
		100% {opacity:0;}
	}
	
	@-ms-keyframes imageAnimation { 
		0%   {opacity:0;}
		10%  {opacity:1;}
		90%  {opacity:1;}
		100% {opacity:0;}
	}
	
	@keyframes imageAnimation { 
		0%   {opacity:0;}
		10%  {opacity:1;}
		90%  {opacity:1;}
		100% {opacity:0;}
	}	

	
}