/* ===========================
   HERO SECTION
   =========================== */

.grid-stacking-hero {
    display: grid;
    overflow: hidden;
    margin-top: 80px;
}

.hero-section {
    height: 80vh;
    height: 80dvh;
    grid-column: 1 / 1;
    grid-row: 1 / 1;
}


.hero-outdoor {
    grid-column: 1 / 1;
    grid-row: 1 / 1;
}

.outdoor {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: start;
    height: 100%;
    position: relative;
    z-index: 2;
}

.hero-img-wrapper {
    display: flex;
}

@media (max-width: 1660px) {
    .hero-img-wrapper {
        width: 60%;
        height: 60%;
    }

    .hero-img-wrapper img {
        object-fit: contain;
    }
}

@media (max-width: 1024px) {
    .outdoor {
        padding: 1.25rem 0;
    }
}

@media (max-width: 900px) {
    .grid-stacking-hero {
        margin-top: 50px;
    }
}

@media (max-width: 680px) {
    .hero-img-wrapper {
        width: 80%;
        height: 80%;
    }
}

@media (max-width: 480px) {
    .hero-img-wrapper {
        width: 100%;
        height: 100%;
    }
}