/* Responsive overrides */
@media(max-width:991.98px) {
    .navbar {
        background: #ffffff;
    }

    .navbar-collapse {
        padding: 1rem 0
    }

    .dropdown-menu {
        background: #080808;
        box-shadow: none
    }

    .dropdown-item {
        color: #fff
    }

    .dropdown-item:hover {
        background: rgba(255, 255, 255, .12);
        color: var(--gold)
    }

    .section {
        padding: 4rem 0
    }

    .masonry {
        column-count: 2
    }
    .hero h1{
        font-size: 28px;
    }
}

@media(max-width:575.98px) {
    .hero {
        padding: 10rem 0 3rem
    }
    .hero h1{
        font-size: 28px;
    }

    .hero .btn,
    .cta .btn {
        width: 100%
    }

    .section {
        padding: 3rem 0
    }

    .masonry {
        column-count: 1
    }

    .formcard {
        padding: 1.3rem
    }

    .navbar-brand span {
        font-size: 1.05rem
    }

    blockquote p {
        font-size: 1.1rem
    }

    .timeline::before {
        left: 19px
    }

    .tl-n {
        flex-basis: 40px;
        height: 40px
    }
}

@media(min-width:1600px) {
    .container {
        max-width: 1380px
    }
}