@media screen and (max-width: 768px) {

    .navbar-brand-logo {
        width: 14.125rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .navbar-logo-fixed {
        display: flex;
        align-items: center;
        flex-direction: row;
    }

    .donate-btn-mobile {
        padding: 5px 11px;
        font-size: .75rem;
        margin: auto;
        display: block;
        z-index: -100;
    }

    .navbar-brand-icon {
        display: none;
    }

    .donate-btn-web {
        display: none;
    }

    .donate {
        top: 4%;
        right: 0;
    }

    .brand {
        top: 2%;
        left: 0;
    }

    header {
        display: inline-flex;
        transform: unset;
    }

}




    /*DESKTOP SPECFIC*/
    @media (min-width: 1024px) {

        /*    .donate-btn-mobile {
        display: none;
    }*/
    }




    @media (min-width: 992px) {
        .border-lg-start {
            border-left: 1px solid var(--brand-prm2);
        }
    }