/*-- Header & Footer --*/

.header-container {
    max-width: 1920px;
    padding: 20px;
}

.menu-navigation {
    gap: 20px;
}

        /*-- Burger Menu --*/

.open-menu, .close-menu {
    display: none;
    justify-content: center;
    align-items: center;
    border: none;
    background-color: transparent;
    transform-origin: center;
}

/*--Hero--*/

.hero-container {
    max-width: 1920px;
    min-height: 780px;
    height: 95dvh;
    max-height: 1280px;
    justify-content: space-evenly;
    align-items: center;
    gap: 28px;
    padding: 120px 80px;
    border-radius: 0 0 200px 0;
}

.content-hero {
    max-width: 640px;
    min-width: 600px;
    height: 290px;
}

.pic-hero {
    max-width: 640px;
}

/*-- Typography Hero --*/

.content-hero p {
    font-size: 1.2rem;
    margin: 8px 0 32px 0;
}

/*BTN Hero --*/

.link-hero-container {
    max-width: 228px;
}

/*-- Medias Queries --*/

@media (max-width: 1280px) {
    .content-hero {
        max-width: 508px;
        min-width: 0px;
    }
    .pic-hero {
        max-width: 508px;
    }

    h2 {
        font-size: 1.8rem;
    }

    .content-hero p {
        font-size: 1rem;
        margin: 8px 0 24px 0;
    } 
}

@media (max-width: 1024px) {
    .hero-container {
        flex-direction: column-reverse;
        justify-content: center;
        gap: 36px;
        padding: 120px 40px 120px 40px;
    }

    .pic-hero {
        max-width: 372px;
    }

    .link-hero-container {
        max-width: 508px;
        margin: 0 auto;
    }

    h1 {
        text-align: center;
    }

    /*.content-hero, .content-hero h2 {
        text-align: center;
    }*/

}