.headerContainer {
    height: 100%;
    width: 100%;
    padding-right: 7.5% !important;
    padding-left: 7.5% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-top: 0.5rem;
}

@media screen and (max-width: 768px) {
    .headerContainer {
        padding-top: 1rem;
    }

    .mobileMenu {
        background-color: #fff;
        border-radius: 9px;
        text-align: end;
        padding-right: 1rem;
    }

    .dropdown-menu {
        width: 100%;
        text-align: right;
        border: none;

    }
}

@media screen and (max-width: 360px){
    .logo-icon {
        width: 11rem;
    }
}