@font-face {
  font-family: 'Montserrat', sans-serif;
}

body {
    margin: 0;
    padding: 0;
    border: 0;
	background-color: #333333;
	overflow-x:hidden;
	/*background-attachment: fixed;*/
}

#centrar_sociales, #centrar_main, #centrar_contacto #centrar_footer {
    width: 1024px;
    height: 100%;
    /*background-color: rgba(146, 222, 222, 0.5);*/
    margin-left: auto;
    margin-right: auto;
    position: relative;
	margin-top: 0px;
	padding-top: 0px;
}

.headerNosotros {
	width: 100%;
	height:696px;
	background-image:url(../img/NosotrosHeader.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; /* cover ajusta o agranda la imagen a lo ancho */
	display: flex; /* estos 3 últimos pasos son para alinear el texto a lo alto y ancho */
    justify-content: center;
    align-items: center;
}

.headerNosotros h3 {
	font-family: 'Montserrat', sans-serif;
	font-size:100px;
    font-weight: 900;
	text-align:center;
	color:#FFF;
    text-shadow: 2px 2px 5px #333333;
}

#NosInfo {
    width: 100%;
	height:auto;
	background-color: rgba(30,29,39,1);
    display: flex;
    justify-content: center;
    align-items: center;    
}


.boxNosInfo p {
    width: 100%;
    height: auto;
    display: inline-block; /* sirve para romper la ilera en vertical*/
    padding: 2% 15% 2% 15%;
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-weight: 100;
    color: rgba(255,255,255,1);
    text-align: center;
}

.OfertaHeader {
    width: 100%;
    height: auto;
    background-image: url(../img/backHeader.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 10px 10px #bdb7b9;
}

.OfertaHeader h3 {
    font-family: 'Montserrat', sans-serif;
	font-size:30px;
    font-weight: 900;
	text-align:center;
	color:#FFF;
    text-shadow: 2px 2px 5px #b65e23; /* sombra: x y radio color*/
    margin: 20px 0;
}

.OfrtaInfo {
    width: 100%;
	height:auto; 
}


.OfrtaInfo p {
    width: 100%;
    height: auto;
    display: inline-block; /* sirve para romper la ilera en vertical*/
    padding: 2% 15% 2% 15%;
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-weight: 100;
    color: rgba(0,0,0,1);
    text-align: center;
}



/**************************************************************************************************
                                        MEDIA QUERIES DE TABLETA
**************************************************************************************************/

/* Media Queries para la tableta */
@media only screen and (min-width:720px) and (max-width:1023px){
#centrar_sociales, #centrar_main, #centrar_contacto #centrar_footer {
    width: 720px;
    /*background-color: rgba(210, 146, 222, 0.5);*/
}

.headerNosotros {
	width: 100%;
	height:auto;
    padding: 30% 0;
}    
    
.headerNosotros h3 {
	font-size:90px;
} 
    

}    


/**************************************************************************************************
                                        MEDIA QUERIES DE MOBILE
**************************************************************************************************/

@media only screen and (min-width:320px) and (max-width:719px){    
#centrar_sociales, #centrar_main, #centrar_contacto #centrar_footer {
    width: 320px;
    /*background-color: rgba(122, 146, 226, 0.5);*/
}
    
.headerNosotros {
	width: 100%;
	height:auto;
    padding: 25% 0;
}    

.headerNosotros h3 {
	font-size:60px;
}
    
.boxNosInfo p {
	font-size: 18px;
}    
    
.OfertaHeader h3 {
	font-size:30px;
} 

.OfrtaInfo p {
	font-size: 18px;
}    
    
    
}