* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.contenedor{
    width: 100%;
    margin: auto;
    max-width: 1200px;
    margin: auto;

    /*flexbox*/
    display:flex;
	flex-flow:row wrap;
  align-items: center;

}

.portada{
  display: flex;
  justify-content: center;
  width: 100%;
  height: auto;
}

.portada img{
  margin-top:1%;
  width: 90%;
  height: auto;
}

.quienes_somos{
    padding: 20px;
background: #6495ed;
color: aliceblue;
width: 80%;
height: auto;
margin-left: 10%;
margin-top: 2%;
justify-content: center;
}
.quienes_somos h2{
    text-align: center; 
}



/*CELULAR*/
@media screen and (max-width:800px){
    .contenedor{
        flex-direction: column;
    }
    header{
        flex-direction: column;
        padding: 0;
    }
    header .logo{
        font-size:40px;
        margin: 20px 0;
    }

    header nav{
        width:100%;
        font-size: 25px;
    }
/*termina el menu en celular*/
    
    .portada img {
        width: 90%;
        height: 20%;
        flex-direction: row;
    }
    
    .quienes_somos {
        margin-left: 0;
        width: 80%;
        height: auto;
        justify-content: center;
        
    } 
    .quienes_somos h2{
        justify-content: center;
        font-size: 175%;
    }
    .quienes_somos h6{
        font-size: 100%;
        justify-content: flex-start;
    }
        p{
        font-size: 20px;    
    }