/* XXL */

@media only screen and (min-width: 1201px) {

}

/* EXTRA LARGE */
@media only screen and (max-width: 1200px) {
    .hero-image {
        max-height: 60%;
    }

    .hero-banner {
        max-height: fit-content;
    }


    #banner-logo {
        height: 100px !important;
    }

 


    
}

/* LARGE */
@media only screen and (max-width: 991px) {

    a.nav-link {
        padding: .5rem;
    }

    .banner .container {
        padding: 0;
    }

    .hero-logo {
        position: absolute;
        height: 25%;
        bottom: 0;
        left: 0;
        border-radius: 0;
    }

    .hero-title {
        font-size:4vw;
    }



    .index-section {
        height: auto;
    }
}

/* Medium */
@media only screen and (max-width: 767px) {
    /* h1 {
        font-size: 2rem !important;
    }

    .hero-banner h3 {
        font-size: 1rem;
    } */

    .hero-image-wrapper {
        width: 100%;
        object-fit: cover;
        height: 100%;
        object-position: left;

    }

    .hero-wrapper img {
        width: 200%;
    }

    .hero-title {
        font-size:6vw;
    }

    .hero-text {
        position: unset;
        width: 100%;
        padding: 3rem;
        background-color: var(--dark-orange);
        color: white;
    }

    .hero-text p {
        font-size: 1rem;
    }

    .member-counter {
        color: var(--orange);
        font-size: 4vw;
        justify-content: center;
        color: white;
    }
    
    
    .counter-flap {
        background-color: var(--black);
        border-radius: .375rem;
        padding: .5rem .75rem;
        min-width: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        position: relative;
        flex: 1 1 50px;
    }

    #hero-hr {
        border:1px solid #ffffff;
        opacity: 1;
    }
    
}

/* SMALL */
@media only screen and (max-width: 576px) {
    .navbar-brand {
        width: 50%;
    }


}

/* SMALL */
@media only screen and (max-width: 320px) {}