@media screen and (max-width: 1200px) {
.logo{
	height: 35px;
	top:1%;
	left: 50px;
}
.inst_serv{
	top:5px;
	right: 120px;

}
.wha_serv{

	top:5px;
	right: 81px;
}
.tw_serv{

	top:5px;	
	right: 10px;	
}
.fac_serv{

	top:5px;
	right: 55px;	
}
.inst_serv_movi{
	font-size: 30px;
}
.wha_serv_movi{
	font-size: 30px;
}
.tw_serv_movi{
	font-size: 30px;
}	
.fac_serv_movi{
	font-size: 30px;
}
.N_contenido{
	height: auto;
	grid-template-rows: .25fr 1fr 1fr;
	margin-top: 5%;
}

.valorlog{
	width: 80%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 50px;
}
.valorlog .tarj{
	width: 150px;
	height: 150px;
}
.atras,.delate{
	width: 100%;
	height: 100%;

}

}
@media screen and (max-width: 808px) {
.logo,
.inst_serv,
.wha_serv,
.tw_serv,
.fac_serv{
	display: none;

}

.mision{
	width: 90%;
	margin:auto;
	margin-top: 5%;
	margin-bottom: 5%; 
}
.vision{
	width: 90%;
	margin:auto;
	margin-top: 5%;
	margin-bottom: 5%; 
}
.valorlog{
	width: 50%;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
}
.valorlog .tarj{
	width: 150px;
	height: 150px;
}
.atras,.delate{
	width: 100%;
	height: 100%;

}
.atras{
	font-size: 110%;
}
}
@media screen and (max-width: 600px) {
.N_contenido img{
	align-self: center; 
	width: 40%;

}
.mision{
	width: 80%;
	margin:auto;
	margin-top: 5%;
	margin-bottom: 5%; 
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 3fr; 
}
.mision h2{
	padding: 0%;
	justify-self: center;
	align-self: center; 
}
.mision p{
	padding: 0% 5% 5% 5%;
}
.vision{
	width: 80%;
	margin:auto;
	margin-top: 5%;
	margin-bottom: 5%;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 3fr;  
}
.vision h2{
	grid-area: 1/1;
}
.vision p{
	grid-area: 2/1;
	padding: 0% 5% 5% 5%;
}
.valores{
	margin-top: 20%;
}
.valorlog{
	width: 100%;
	grid-gap: 0px;
}
.valorlog .tarj{
	width: 150px;
	height: 150px;
}
.atras,.delate{
	width: 100%;
	height: 100%;
}
.atras{
	font-size: 110%;
}
.valorcont{
	margin-top: 20%;
}


}
@media screen and (max-width: 320px) {
	
}