h2{
    color: white;
}
figure{
    margin-top: 0.5%;
}
.body{
    width: 50%;
    margin-top: 1%;
    margin-left: -10%;
    display: block;
}
.body h3{
    margin-bottom: 0%;
}
.body img{
    margin-top: 0%;
}
.mtc{
    margin-bottom: 10%;
    margin-top:0%;
    width: 100%;
    background-image: url(../TeachingStaff/mathbg.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.dark{
    
    margin-top:-5%;
    padding-top: -40%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.644);
} 
.mtc .dark div{
    display: flex;
    margin-top: -4%;
}
.mtc .dark section img{
    width: 110%;
    
    min-height: 30vh;
    margin-left: 5%;
    
}
.div2{
    transition-duration: 2s;
    font-family: 'Courier New', Courier, monospace;
    color: black;
    width: 110%;
    background-color: rgb(255, 255, 255);
    margin-left: 5%;
    border-radius: 5%;
    border-style:ridge;
    margin-top: 2%;
}
.HODpic img{
width: 60%;
margin-top: 0%;
margin-left: -30%;

}
.HODpic{
    width: 40%;
    margin-left: 0;
    text-align: center;
}
.new{
    display: inline-block;
}
.HODpic h5{
    background-color: rgb(182, 182, 154);
    text-align: center;
    width: 60%;
    margin-left: 5%;
    position: relative;
    margin-top: -15%;
   
}

.ict{
    margin-bottom: 10%;
    margin-top:0%;
    width: 100%;
    background-image: url(../TeachingStaff/ICT/ictbg.jpg);
    background-repeat: no-repeat;
    background-size: 150%;
}
.ict .dark div{
    display: flex;
    margin-top: -4%;
}
.ict .dark section img{
    width: 110%;
    
    min-height: 30vh;
    margin-left: 5%;
    
}
.dark .body h5{
    margin-top: -1%;
}
.depimgdiv{
    width: 30%;
}
.depimg{
    width: 100%;
}
.physics{
    margin-bottom: 10%;
    margin-top:0%;
    width: 100%;
    background-image: url(../TeachingStaff/physics/physi.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}