@charset "utf-8";
header, nav, section, article, aside, figure, footer{
	display:block;
}
html{
	background: url(../imagenes/ancianos2.jpg) center fixed no-repeat;
	background-color: #000;
	margin: 0;
	padding: 0;
}
html,body{
	margin:0;
	height:100%;
}
.caja{
	width: 50%;
	height: 100%;
	display: inline-block;
	float: left;
}
a{
	width: 50%;
	height: 100%;
	text-decoration: none;
}
a:hover > div p{
	color: #D98700;
}
p{
	text-align: center;
	margin-top: 50%;
	font-family: 'Open Sans', sans-serif;
	font-size: 50px;
	color: #FFF;
}
/******************************************/
/***    DISEÑO PARA TABLETAS           ****/
/******************************************/
/*@media screen and (min-width: 737px) and (max-width: 1200px){*/
@media only screen and (max-width:768px){
	p{
		margin-top: 60%;
		font-size: 45px;
	}
}
/******************************************/
/***    DISEÑO PARA MOVILES            ****/
/******************************************/
/*@media screen and (max-width: 736px){*/
@media only screen and (max-width:480px){
	p{
		margin-top: 85%;
		font-size: 35px;
	}
}
/******************************************/
/***    DISEÑO PARA MOVILES 320        ****/
/******************************************/
@media only screen and (max-width:320px){
	/*-- Navegación -- */
	
	
}
/******************************************/
/***    DISEÑO PARA MOVILES 240        ****/
/******************************************/
@media only screen and (max-width:240px){
	
	
}