@media only screen and (min-width:1001px) and (max-width:1159px) {

.fechas{
	height: 80px;
   	}
.content{
padding-top: 50px;}}

@media only screen and (min-width:875px) and (max-width:1000px) {

.fechas{
	height: 80px;
   	}
	.content{
padding-top: 50px;}}


@media only screen and (min-width:655px) and (max-width:874px) {

.fechas{
	height: 80px;
   	}
	.content{
padding-top: 50px;}

.dos-columnas{
	width: 100%;
}
.formulario{
	width: 85%;
	margin: 0;
}
.formu-ti{
	width: 100%;
}
.caja-1{
	width: 100%;
}
.caja-2{
	width: 100%;
}
.datos{
	width: 100%;
}
.correr{
	width: 100%;}
	
.datos-contacto{
	list-style: none;
	text-align: center;
}
.datos-contacto li{
	color: #444;
	padding-bottom: 5px;
}
.datos-contacto li i{
	color: #575757;
	font-size: 60px;
	margin-top: 50px;
}
.limpia{
	clear: both;
}
}


@media only screen and (min-width:568px) and (max-width:654px) {


.logo p a{font-size: 22px;
}

.identificador p a{font-size: 20px;}
.fechas{
	height: 100px;
   	}

nav{
	padding-top: 10px;
	}
.content{
padding-top: 50px;}
.dos-columnas{
	width: 100%;
}
.bio img { 
	width: 200px;
	height: 267px;
	padding-right: 20px;float: left; }
.formulario{
	width: 85%;
	margin: 0;
}
.formu-ti{
	width: 100%;
}
.caja-1{
	width: 100%;
}
.caja-2{
	width: 100%;
}
.datos{
	width: 100%;
}
.correr{
	width: 100%;
}
.datos-contacto{
	list-style: none;
	text-align: center;
}
.datos-contacto li{
	color: #444;
	padding-bottom: 5px;
}
.datos-contacto li i{
	color: #575757;
	font-size: 40px;
	margin-top: 50px;
}
.limpia{
	clear: both;
}
}


@media only screen and (min-width:480px) and (max-width:567px) {


.ancho{
	width: 100%;
	margin: 0;
	
}
.logo {
	width: 100%;
	height: 60px;
	text-align: center;
	padding: 0;
	margin: 0;
	margin-top: 20px;
}
.logo p a{
	width: 100%;
	font-size: 22px;
	margin: 0;
}
.fechas{
	height: 100px;
   	}
nav{
	padding-top: 10px;
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	height: 60px;
}
nav ul li a{
	font-size: 18px;
}


.titpagina{
width: 90%;}

.identificador a{
	font-size: 18px;
	}
.fechas{
	height: 100px;
	width: 90%;
   	}
.content{
padding-top: 60px;}
.caja{width: 90%;}
.dos-columnas{
	width: 100%;
}
.bio img { 
	width: 200px;
	height: 267px;
	padding-right: 20px;float: left; }
.formulario{
	width: 85%;
	margin: 0;
}
.formu-ti{
	width: 100%;
}
.caja-1{
	width: 100%;
}
.caja-2{
	width: 100%;
}
.datos{
	width: 100%;
}
.correr{
	width: 100%;
}
.datos-contacto{
	list-style: none;
	text-align: center;
}
.datos-contacto li{
	color: #444;
	padding-bottom: 5px;
}
.datos-contacto li i{
	color: #575757;
	font-size: 40px;
	margin-top: 50px;
}
.limpia{
	clear: both;
}
}



@media only screen and (min-width:406px) and (max-width:479px) {

header{
	height: 55px;
}
.ancho{
	width: 100%;
	margin: 0;

}
.logo {
	width: 100%;
	height: 55px;
	text-align: center;
	padding: 0;
	margin: 0;
	margin-top: 20px;
}
.logo p a{
	width: 100%;
	font-size: 20px;
	margin: 0;
}
.fechas{
	height: 100px;
   	}
nav{
	padding-top: 10px;
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	height: 50px;
}
nav ul li a{
	font-size: 16px;
}

.titpagina{
width: 90%;}

.identificador a{
	font-size: 18px;
	}
.fechas{
	height: 100px;
	width: 90%;
   	}
.content{width: 90%;
padding-top: 70px;}
.caja{width: 90%}
.dos-columnas{
	width: 100%;
}
.bio img { 
	width: 200px;
	height: 267px;
	padding-right: 20px;float: left; }
.formulario{
	width: 85%;
	margin: 0;
}
.formu-ti{
	width: 100%;
}
.caja-1{
	width: 100%;
}
.caja-2{
	width: 100%;
}
.datos{
	width: 100%;
}
.correr{
	width: 100%;
}
.datos-contacto{
	list-style: none;
	text-align: center;
}
.datos-contacto li{
	color: #444;
	padding-bottom: 5px;
}
.datos-contacto li i{
	color: #575757;
	font-size: 40px;
	margin-top: 50px;
}
.limpia{
	clear: both;
}
}
@media only screen and (min-width:306px) and (max-width:405px) {

header{
	height: 55px;
}
.ancho{
	width: 100%;
	margin: 0;
}
.logo {
	width: 100%;
	height: 55px;
	text-align: center;
	padding: 0;
	margin: 0;
	margin-top: 20px;
}
.logo p a{
	width: 100%;
	font-size: 17px;
	margin: 0;
}
.fechas{
	height: 100px;
   	}
nav{
	padding-top: 10px;
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	height: 50px;
}
nav ul li a{
	font-size: 16px;
	line-height: 26px;
}

.titpagina{
	margin-top: 15px;
width: 90%;}

.identificador a{
	font-size: 16px;
	}
.fechas{
	height: 120px;
	width: 90%;
   	}
.albums ul li a{
	font-size: 16px;
	line-height: 26px;
}
.content{width: 90%;
padding-top: 90px;
}

.content h1{font-size:18px;
margin:0;}


.caja{width: 90%;
padding:0;}
.dos-columnas{
	width: 100%;
}
.bio img { 
	width: 150px;
	height: 200px;
	padding-right: 20px;float: left; }
.formulario{
	width: 85%;
	margin: 0;
}
.formu-ti{
	width: 100%;
}
.caja-1{
	width: 100%;
}
.caja-2{
	width: 100%;
}
.datos{
	width: 100%;
}
.correr{
	width: 100%;
}
.datos-contacto{
	list-style: none;
	text-align: center;
}
.datos-contacto li{
	color: #444;
	padding-bottom: 5px;
}
.datos-contacto li i{
	color: #575757;
	font-size: 40px;
	margin-top: 50px;
}
.limpia{
	clear: both;
}
}

@media only screen and (min-width:264px) and (max-width:305px) {

header{
	height: 55px;
}
.ancho{
	width: 100%;
	margin: 0;
}
.logo {
	width: 100%;
	height: 55px;
	text-align: center;
	padding: 0;
	margin: 0;
	margin-top: 20px;
}
.logo p a{
	width: 100%;
	font-size: 17px;
	margin: 0;
}
.fechas{
	height: 100px;
   	}
nav{
	padding-top: 10px;
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	height: 50px;
}
nav ul li a{
	font-size: 16px;
	line-height: 26px;
}

.titpagina{
	margin-top: 15px;
width: 90%;}

.identificador a{
	font-size: 16px;
	}
.fechas{
	height: 140px;
	width: 90%;
   	}
.albums ul li a{
	font-size: 16px;
	line-height: 26px;
}
.content{width: 90%;
padding-top: 90px;
}

.content h1{font-size:18px;
margin:0;}


.caja{width: 90%;
padding:0;}
.dos-columnas{
	width: 100%;
}
.bio img { 
	width: 150px;
	height: 200px;
	padding-right: 20px;float: left; }
.formulario{
	width: 85%;
	margin: 0;
}
.formu-ti{
	width: 100%;
}
.caja-1{
	width: 100%;
}
.caja-2{
	width: 100%;
}
.datos{
	width: 100%;
}
.correr{
	width: 100%;
}
.datos-contacto{
	list-style: none;
	text-align: center;
}
.datos-contacto li{
	color: #444;
	padding-bottom: 5px;
}
.datos-contacto li i{
	color: #575757;
	font-size: 40px;
	margin-top: 50px;
}
.limpia{
	clear: both;
}
}


@media only screen and (max-width:263px){

header{
	height: 55px;
}
.ancho{
	width: 100%;
	margin: 0;
}
.logo {
	width: 100%;
	height: 55px;
	text-align: center;
	padding: 0;
	margin: 0;
	margin-top: 20px;
}
.logo p a{
	width: 100%;
	font-size: 17px;
	margin: 0;
}
.fechas{
	height: 100px;
   	}
nav{
	padding-top: 10px;
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	height: 50px;
}
nav ul li a{
	font-size: 16px;
	line-height: 26px;
}

.titpagina{
	margin-top: 15px;
width: 90%;}

.identificador a{
	font-size: 16px;
	}
.fechas{
	height: 140px;
	width: 90%;
   	}
.albums ul li a{
	font-size: 16px;
	line-height: 26px;
}
.content{width: 90%;
padding-top: 90px;
}

.content h1{font-size:18px;
margin:0;}

.bio img { 
	width: 150px;
	height: 200px;
	padding-right: 20px;float: left; }
.caja{width: 90%;
padding:0;}
.dos-columnas{
	width: 100%;
}
.formulario{
	width: 85%;
	margin: 0;
}
.formu-ti{
	width: 100%;
}
.caja-1{
	width: 100%;
}
.caja-2{
	width: 100%;
}
.datos{
	width: 100%;
}
.correr{
	width: 100%;
}
.datos-contacto{
	list-style: none;
	text-align: center;
}
.datos-contacto li{
	color: #444;
	padding-bottom: 5px;
}
.datos-contacto li i{
color: #575757;
	font-size: 40px;
	margin-top: 50px;
}
.limpia{
	clear: both;
}
}