.school-name {
    color: #0c01f0;
    FONT-SIZE: 31PX;
    font-family: 'Arial Black', sans-serif;
    text-shadow: 2px 2px 2px rgba(154, 150, 150, 0.8);
    font-weight: 700;
    margin-top:40px;
}
.school-des{
    text-align: center;
    font-size: 19px;
    color: #04192b;
    font-weight: 500;
    line-height: .2;
}
.school-des1{
    text-align: center;
    font-size: 16px;
    color: #0c01f0;
    font-weight: 500; 
    line-height: .2;
}
.school-des2{
   text-align: center;
   font-size: 15px;
   color: #ffffff;
   font-weight: 500; 
   line-height: 1.0; 
   background:#0c01f0;
   padding:5px 0px;"
}
.school-des3{
    text-align: center;
    font-size: 19px;
    color: #04192b;
    font-weight: 500;
    line-height: .2;
}
@media (max-width:768px){
    .school-name {
    color: #0c01f0;
    FONT-SIZE: 21PX;
    font-family: 'Arial Black', sans-serif;
    text-shadow: 2px 2px 2px rgba(154, 150, 150, 0.8);
    font-weight: 700;
    margin-top:10px;
    text-align: center;
}
.school-des{
    text-align: center;
    font-size: 16px;
    color: #04192b;
    font-weight: 500;
    line-height: 1;
}
.school-des3{
    text-align: center;
    font-size: 13px;
    color: #04192b;
    font-weight: 500;
    line-height: 1;
}
#nav li {
    list-style: none;
    display: block;
    float: none;
    height: 40px;
    position: relative;
}
#nav ul {
    background: #f2f5f6;
    padding: 0px;
    border-bottom: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-radius: 0px 0px 3px 3px;
    box-shadow: 2px 2px 3px #ececec;
    -webkit-box-shadow: 2px 2px 3px #ececec;
    -moz-box-shadow: 2px 2px 3px #ECECEC;
    width: 334px;
}
#nav ul li {
    border-right: none;
    border-bottom: 1px solid #DDDDDD;
    width: 334px;
    height: 39px;
}
#nav ul ul {
    top: 35px;
    left: 113px;
    display: none;
    visibility: hidden;
    border: 1px solid #DDDDDD;
    width: 212px;
}
#nav ul ul li{
    border: 1px solid #DDDDDD;
    width: 220px;
}
}