@media only screen and (min-width: 992px) {
    .nav-active {
        transition: 0.3s;
        padding: 0px;
    }
    .navbar .navbar-brand img {
        width: 150px;
        height: 100px;
        transition: 0.3s;
    }
    .nav-active .navbar-brand img {
        width: 120px;
        height: 70px;
        transition: 0.3s;
    }
}

@media only screen and (max-width: 991px) {
    .navbar-brand img {
        width: 120px;
        height: 70px;
        transition: 0.3s;
    }
    .navbar {
        padding: 0px 20px!important;
    }
    .navbar .social-icons {
        margin-right: 0px;
    }
    .navbar .button-group {
        margin-top: 10px;
        padding-bottom: 20px;
    }
    .navbar .navbar-toggler {
        border: none !important;
        outline: none !important;
    }
}

@media only screen and (max-width: 768px) {
    #about .image-box {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 535px) {
    #home {
        height: 70vh;
    }
}