.header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
    transition: 1s all;
}

    .header.clear {
        background: transparent;
        transition: 1s all;
    }

    .header.solid {
        background: var(--dark-color);
        transition: 1s all;
    }

@media (min-width: 320px) {
    .logo, .logo-liberty {
        height: 30px;
        width: auto;
    }

    .btn-menu {
        color: var(--primary-color);
    }

    .navbar-toggler {
        border-color: transparent !important;
    }

    .navbar-brand {
        margin: 0;
    }
}

@media (min-width: 992px) {
    .header {
        padding: 0 90px;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
        transition: 1s all;
    }

    .logo, .logo-liberty {
        height: 40px;
    }

    .nav-menu {
        flex-direction: column;
        align-items: flex-end;
    }

    .custom-font {
        font-size: .8rem;
    }
}

@media (min-width: 1200px) {
    .custom-font {
        font-size: .9rem;
    }
}