*{box-sizing:border-box;
		}
		body{background-color:#000;}
		@keyframes contenedor {
		from {color: #000;}
		to {color: #019432;}
		}
		@keyframes foto {
		from {width: 0;}
		to {width: 100%;}
		}
		.noticias{
			max-width:98%;
			height:auto;
			margin:0 1% 0 1%;
			background-color:#000;
		}
		.fecha{
			position:fixed;
			top: 0;
			width:90%;
			height:auto;
			margin:0 0 5% 0;
			background-color:#000;
		}
		.fecha h1{ 
			float:left;
			font-family: 'Verdana', sans-serif;
			font-size:1.5em;
			color:#019432;
			width:88%;
			height:auto;
			padding: 1%;
			margin:0 0 1% 0;
			animation-name: contenedor;
			animation-duration: 4s;
		}
		.buttonX{
			float:right;
			margin:2% 2% 2% 0;
			width:10%;
			border-radius: 25px;
			height:auto;
			background-color:red;
			letter-spacing: 2px;
			font-size: 1em;
			font-weight:bold;
			color:#fff;
			border:0;
			padding: 1%;
			transition: background-color 1s;
			transition: color 1s;
		}
		.buttonX:hover{
			background-color:#fff;
			color:red;
		}
		.fotosGrandes{
			float:left;
			width:100%;
			height:auto;
			margin:10% 0 1% 0;
		}
		.fotosGrandes img{
			float:left;
			width:50%;
			margin:1% 0 3% 0;
			border-radius: 25px;
			animation-name: foto;
			animation-duration: 2s;
			animation-direction: normal;
		}
		
	
	/*QUERIS-799PX-----------------------*/
@media screen and (max-width:799px){
		.noticias{
			width:100%;
			margin:0;
		}
		.fecha{
			position:fixed;
			top: 0;
			width:96%;
			margin:0 2% 0 2%;
		}
		.buttonX{
			width:100%;
			margin:3% 0 0 0;
			font-size: 1.5em;
		}
		.buttonX:hover{
			color:red;
		}	
		.fotosGrandes{
			margin:40% 0 1% 0;
		}
		.fotosGrandes img{
			width:98%;
			margin:5% 1% 1% 1%;
		}	
}