@media only screen and (min-width:200px) and (max-width:575px){
.bg-primary1{
    display: none;
}

    .schoolnameheadingdiv{
    margin-left: -30px !important;
    
}
.schoolnameheadingdiv h2{
    font-size: 22px;
    text-align: left;
    font-weight: bold;
    text-shadow: 0px 2px 0px white;
}
.footerbackground{
    background-color: crimson;
    
}
.myimgslider{
    width: 100%!important;
    height: 250px!important;
}
.aboutdivimage{
    height: 200px;
}
}
@media(min-width:800px){
.myimgslider{
    width: 100%!important;
    height: 600px!important;
}
.bg-primary{
    background-color: darkmagenta!important;
}
}