#heading{
    margin-top: 6rem;
    position: relative;
}
#heading img{
    width: 100%;
}
#heading::after{
    content: "";
    background-color: rgba(241, 241, 241, 0.356);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
}

#about, #vision, #mission{
    padding: 3em 0;
}

#about h1{
    font-size: 2.5rem;
    font-weight: 900;
}

#about .row{
    gap: 2rem;
    flex-wrap: wrap;
}

#about .col._1,  #vision .col._1,  #mission .col._1{
    /* width: 50%; */
    flex: 1;
    min-width: 300px;
}
#about .col._2, #vision .col._2,  #mission .col._2{
    /* width: 100%; */
    flex: 1;
    min-width: 300px;
}

#about p{
    font-weight: 0.8rem;
    font-weight: 400;
}

#vision h2{
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
#vision p{
    font-size: 0.8rem;
    font-weight: 400;
    margin-bottom: 1rem;
}

#vision .row{
    gap: 5rem;
    align-items: center;
    flex-wrap: wrap;
}

#mission .col._2{
    padding: 0 2em;
}

#mission h2{
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
#mission ol{
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 1rem;
}
#mission li{
    margin-bottom: 1rem;
}

#mission .row{
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

@media (max-width: 375px) {
  
}

@media (max-width: 900px) {
    #about .col._1,  #vision .col._1,  #mission .col._1{
        width: 100%;
    }
    #about .col._2, #vision .col._2,  #mission .col._2{
        width: 100%;
        padding: 0 1em;
    }
    #about, #vision, #mission{
        padding: 5em 0;
    }
}