@media (max-width: 525px){
.navbar{
    margin-top: 11%;
    width: 79%;
}
.b4finish{
    margin-bottom: -20%;
        }
.deputy {
    margin-left: -5px;
}
video{
    width: 300%;
}
}
@media (max-width: 425px){
    header{
        width: 120%;
    }
    .navbar{
        margin-top: 10%;
        width: 70%;
    }
    body{
        width: 82%;
    }
    .div3{
        width: 50%;
        margin: 1px;
    }
    .deputy img{
        width: 200%;
    }
    .navbar{
        margin-top: 7%;
        width: 87%;
    }
    .bus{
        margin-top: 8%;
    }
    .b4finish{
margin-bottom: -35%;
    }
    .admin{
        width: 105%;
    }
}

@media (max-width: 400px){
    header{
        width: 115%;
    }
    .logodiv img{
        margin-left: -30px;
    }
    .logodiv h5{
        margin-left: -30px;
    }
    .bus{
        margin-top: 6%;
    }
    .div300{
        height: 2px;
    }
    .navbar{
        margin-top: 10%;
        width: 86%;
    }
    .blackbar{
        width: 115%;
    }
}

@media (max-width: 330px){
    header{
        width: 115%;
        background-color: rgba(0, 0, 0, 0);
    }
    .blackbar{
        margin-top: -15%;
    }
    .logodiv img{
        margin-left: -30px;
    }
    .logodiv h5{
        margin-left: -30px;
    }
    .navbar{
        margin-top: 12%;
        width: 55%;
    }
}