@media (max-width: 576px){
    .school-heading1{
        font-size: 21px;
        margin-left: auto!important;
        margin-right: auto!important;
        display: block;
        justify-content: center;
    }
    .school-heading{
        font-size: 35px;
        margin-left: auto!important;
        margin-right: auto!important;
        display: block;
    }
}

@media (max-width: 538px){
    .school-heading1{
        font-size: 18px;
        margin-left: auto!important;
        margin-right: auto!important;
        display: block;
        justify-content: center;
    }
    .school-heading{
        font-size: 30px;
        margin-left: auto!important;
        margin-right: auto!important;
        display: block;
    }
}