@media screen and (max-width: 675px){
body{
    max-width: 100%;
    
    margin-right: -50px;
}
.computerlab{
    font-size: xx-small;
}
.computerlab button{
    font-size: xx-small;
}
.h2o{
    display: block; 
    width: 120%; 
    margin-top: -5%; 
}
.hamburger .div300{
    height: 3px;
}
.hamburger .div100{
    height: 3px;
    padding-top: 2%;
}
.hamburger .div100:hover,.div200:hover,.div300 :hover{
background-color: red;
}
.header{
width: 137%;
margin-top: 1%;
}
.navbar{
    position: fixed;
    z-index: 1;
}
.homeit{
    position: relative;
   
    width:140%;
   
    margin-right: -240px;
}
.mazi{
    width: 100%;
    display: block;
}
.navbar{
    margin-top: 5%;
    padding-top: 12%;
    width:80% ;
}
.logodiv h5{
    margin-left: -6px;
}
.div2{
    width: 120%;
}
.blackbar{
    width: 137%;
}

.pic1{
    width: 55%;
    margin-left: 1%;
}
.pic1 h3{
    margin-left: 50%;
}

.pic1 h5{
    margin-left: 5%;
    position: relative;
    left: 25%;
}
.samplepic, .sam{
    padding: 1%;
     padding-left: 0%; 
     background-color: grey; 
     margin-top: 25%; 
     margin-left: 8%;
     padding-top: 2%; 
     padding-bottom: 10%; 
     border-style: ridge; 
     width: 55%; 
     height: 40vh;
     z-index: 1; 
    width: relative;
}
.sam{
    margin-top: 1%;
}

.samplepic{
    height: 20vh;
    margin-top: 0%;
    margin-left: 20%;
    font-size: x-small;
}
.sect3{
    width: 130%;
}
.security{
   
    width: 130%;
}
.security h5{
    font-size: small;
}
.pushup img{
    width: 140%;
    margin-right: 5%;
}
footer{
    width: 143%;
    font-size: medium;
}
.sectadds{
    width: 100%;
}
video{
    width: 300%;
}
}

@media screen and (max-width: 350px){
.blackbar{
    margin-top: -17%;
}
}

@media screen and (max-width: 675px){
    .blackbar{
        margin-top: -17%;
        display:none; 
    }
    }