main {
    width: 100%;
   
    display: flex;
    flex-direction: column;
    font-size: 18px;
    color:aliceblue;
    font-family: 'Times New Roman', Times, serif;
}

main h2{
    color: black;
    margin-bottom: 10px;
}

.nosotros{
    display:block;
    background-image:url(../img/nosotros.jpeg);
    background-size:cover;
    background-position:center;
    background-attachment:fixed;
    min-height: 90vh; 
    display: flex; 
    width: 100%;
    overflow: hidden;
 }


.mision{
    display:block;
    background-image:url(../img/mision.jpg);
    background-size:cover;
    background-position:center;
    background-attachment:fixed;
    min-height: 50vh; 
    display: flex; 
    justify-content: flex-start;  
    overflow: hidden;
 }

 .mision div{
    opacity: 0;
    transform: translateX(-200px);
    transition: all 0.7s ease-out;
    transition-delay: 0.4s;
 }

 .mision div.animacion{
    opacity: 1;
    transform: translateX(0);
 }




 .parrafo2{
    width: 46%;
    text-align: justify;
    margin: 30px 30px;
 }

 /* PARTE 2  */

.valores {
    display: block;
    background-image: url(../img/valores.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 50vh;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;

}

.valores div{
    opacity: 0;
    transform: translateX(200px);
    transition: all 0.7s ease-out;
    transition-delay: 0.4s;
 }

 .valores div.animacion{
    opacity: 1;
    transform: translateX(0);
 }

.parrafo3{
    width: 46%;
    text-align: justify;
    margin: 30px 30px;
 }