/*-------- about us page content styling --------*/

.about{
    width: 100%;
    margin: auto;
    margin-top: 1%;
    text-align: center;
    /* margin-left: 10px; */
    /* margin-right: 10px; */
}

.about h1{
    font-size: 60px;
    font-family: 'Bebas Neue';
    letter-spacing: 8px; 
}

.row{
    margin-top: 1%;
    display: flex;
    flex-direction: column;
    align-items: center;
}



.objectives{
    width: 60%;
    background: #7ac8e06e;
    border-radius: 20px;
    margin-bottom: 4%;
    padding: 25px 12px;
    list-style-type: disc;
}

.objectives li{
    list-style-type: disc;
    margin-left: 5%;
    text-align: left;
}

.objectives h3{
    font-size: 30px;
}
.objectives h4{
    font-size: 20px;
    font-weight: 900;
    /* text-align: left; */
    /* margin-left: 2% */
}


.objectives p, .objectives ul{
    font-size: 18px;
    margin: 2% 5% 3% 2%;
    text-align: left;
}

.objectives #center{
    font-size: 18px;
    margin: 2% 5% 3% 2%;
    text-align: center;
}

.objectives li{
    /* text-align: left; */
    font-size: 18px;
    margin-top: 15px;
} 

@media(max-width: 850px) {

    .about{
        margin-top: 3%
    }

    .about h1{
        font-size: 40px;
        margin: 0 2%;
        letter-spacing: 5px;
    }
    
    .objectives{
        margin-bottom: 6%;
        width: 80%;
    }
}