@media (max-width: 768px) {


    .navbar-wh {
        padding: 10px!important;
    }

    .sidebar-wh {
        width: 100%!important;
        right: -101%!important;
    }

    .contact-container {
        display: initial!important;
    }

    .info-container {
        width: 100%!important;
        display: flex!important;
        align-items: initial!important;
        justify-content: center;
        height: auto!important;
        padding: 80px 0px;
    }

    .img-container {
        width: 300px!important;
        height: 300px!important;
        border-radius: 100%;
        margin: 0 auto;
        display: block!important;

    }
}

@media (max-width: 500px) {

    .img-container {
        width: 200px!important;
        height: 200px!important;
        border-radius: 100%;
        margin: 0 auto;
        display: block!important;

    }

}