@charset "UTF-8";
/* CSS Document */
*{text-decoration: none;
    box-sizing: border-box;
}
body
{margin: 0; 
font-family: Raleway;
}
.contenedor
{width: 100vw; display: grid;
min-height: 100vh;
grid-template-rows: auto 1fr auto;
	padding: 0 10px;
background-color: #808285;}
.header
{
padding: 10px;
margin-bottom: 1em;
}
.logo
{width: 50vw;
   align-items: center;
   justify-content: center;}
.logo img
{height: 100px;
padding-left: 70%;}
.main-content{
padding: 5px;
margin-top: 10px;
	max-width: 98vw;
	background-image: url("../imagenes/FONDO.jpg"); 
	background-repeat: no-repeat;
	background-size: cover;
}
.textos
{width: 47vw;margin: 0 1vw ;}

.footer
{	padding: 1em 0;
	background-color: #808285;
	margin-top: auto;
max-height: 40px;
}
.nombre
{color: #fff;
	font-size: 1em; text-align: center;
float: left;margin-right: 35%;}
.iconitos{max-width: 300px; float: right; padding-right: 1%;}
.iconitos img
{max-height: 30px;padding-top: 5px;}
.sss{max-width: 300px; float: left;}
.sss img{max-height: 40px;}
@media screen (max-width:900px)and (orientation: landscape)
{.logo
{width: 100vw;}
	.logo img
{height: 80px;padding-left: 40%;
}
	.nombre
	{margin-left: 5%;}
}
@media (max-width:1023px)
{.logo
{width: 80vw;
}
	.logo img
{height: 80px;padding-left: 20%;
}
	.iconitos{margin-right: 5px;}
	.nombre{width: 100%; margin-right: 5%;}
	.textos{width: 95vw; margin: 0;}
	.textos p{ padding: 5px 0;}
	}