@import url(../index.css);

.about-header{
    background-color: #F2B9C5;
    padding: 70px 0;
}

.mission-wrapper h1, .vision-wrapper h1{
    font-size: 7rem;
    line-height: 15px;
}

.mission-wrapper{
    padding: 70px 0;
    margin-top: 0;
}

.vision-wrapper{
    padding: 70px 0;
    margin-top: 0;
}

.about-header > div h1{
    color: #AA5F99;
}

.about-header > div span{
    color: white;
}


.mission-wrapper h1, .vision-wrapper h1{
    color: #AA5F99;
}

.mission-wrapper h1 p, .vision-wrapper h1 p{
    color: #F2B9C5;
}



@media (max-width:600px) {
    .mission-wrapper .div-1{
        order: 2;
    }
    
    .mission-wrapper .div-2{
        order: 1;
    }

}

@media (min-width:600px) and (max-width:800px){
    .mission-wrapper .div-1{
        order: 2;
    }
    
    .mission-wrapper .div-2{
        order: 1;
    }
}