@media (min-width: 2800px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 2560px;
    }

    #header {
        padding: 3rem 0 !important;
    }

    .nav-brand img {
        max-width: 360px !important;
    }

    .nav-menu>li {
        margin-right: 3rem !important;
    }

    .nav-menu>li>a {
        font-size: 36px !important;
        padding-left: 3rem !important;
    }

    .nav-menu>li:not(:first-child):before {
        display: inline-block;
        content: '';
        border-left: #003680aa 1px solid !important;
        position: absolute;
        top: 16px;
        height: 48px;
    }

    .nav-menu.nav-menu-social>li.join-btn a {
        height: 90px;
        padding: 36px 90px;
    }

    .nav-menu>li>a>[class*=ion-], .nav-menu>li>a>i {
        width: 72px;
        height: 36px;
    }
}

@media (min-width: 992px) and (max-width: 2799px) {
    #header.header-fixed {
        -webkit-transition: 0.1s ease-in-out !important;
        -o-transition: 0.1s ease-in-out !important;
        transition: 0.1s ease-in-out !important;
        -webkit-animation-duration: 0.2s !important;
        animation-duration: 0.2s !important;
    }

    .nav-menu>li {
        margin-right: .5rem !important;
    }

    .nav-menu>li>a {
        padding-left: 1rem !important;
    }

    .nav-menu>li:not(:first-child):before {
        content: '';
        border-left: #00368066 1px solid !important;
    }
}

#home-banner {
    min-height: 80vh;
    background-size: cover;
    background-position-y: 25vh;
    background-repeat: no-repeat;
}

.bg-gold {
    background: #ffcb47;
    border-color: #ffcb47;
    color: #2d2d2d;
}