@media (max-width: 1300px) {
    img {
        max-width: 100%;
        height: auto;
    }

    .rounded {
        border-radius: 4rem;
    }

    header .hamburger {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 2rem;
        height: 2rem;
        cursor: pointer;
    }

    header .line {
        width: 100%;
        height: 0.2rem;
        background-color: currentColor;
        border-radius: 2rem;
    }

    header nav ul li {
        display: none;
    }

    #hero {
        height: 90rem;
        background-size: 37rem;
        background-position-x: -6rem;
        background-position-y: 0rem;
    }

    #hero article {
        width: 70%;
        margin-left: 10%;
        top: 43rem;
    }

    #hero article *:not(:last-child) {
        max-width: 100%;
    }

    #hero button {
        width: 28%;
        line-height: 1.4rem;
        padding: 0.7rem 1rem;
    }

    #hero img:first-of-type {
        height: 40rem;
        margin-top: 3rem;
    }

    #hero img:last-of-type {
        display: none;
    }

    #cookies {
        height: fit-content;
    }

    #cookies section {
        margin-left: 5%;
        margin-bottom: 4rem;
        padding-right: 10rem;
        z-index: 0;
    }

    #cookies img:first-of-type {
        height: 20rem;
        margin-right: 5%;
        margin-top: 27rem;
    }

    #cookies img:not(:first-of-type) {
        display: none;
    }

    #why {
        height: fit-content;
    }

    #why ul {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }

    #why ul li {
        flex: 0 0 50%;
        box-sizing: border-box;
        margin-bottom: 7rem;
    }

    #game-about {
        height: fit-content;
    }

    #game img {
        margin-left: -17rem;
    }

    #game section {
        margin-top: -17rem;
        margin-left: 20%;
        width: 70%;
        padding-right: 15%;
        padding-left: 6%;
    }

    #about section {
        margin-top: -20%;
        margin-left: 10%;
        width: 60%;
    }

    #about img {
        margin: -5rem 0% 5rem 40%;
        height: 30rem;
    }

    #flavours {
        height: fit-content;
    }

    #flavours-container {
        display: flex;
        flex-direction: column;
    }

    #flavours img {
        margin-bottom: 10rem;
    }

    #subscribe {
        height: fit-content;
    }

    #subscribe fieldset {
        display: flex;
        flex-direction: column;
    }

    #subscribe img {
        height: 20rem;
        margin-top: -11rem;
        margin-bottom: -2rem;
        object-fit: contain;
    }

    footer img {
        margin-bottom: -30%;
    }

    footer .direction-row {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-areas:
            "nav button"
            "info info";
        gap: 1rem;
        align-items: start;
    }

    footer div>ul {
        margin-top: 20%;
        grid-area: info;
    }

    footer nav ul {
        display: grid;
        grid-area: nav;
        width: 80%;
        column-gap: 5rem;
    }

    footer button {
        grid-area: button;
        width: 80%;
        padding: 0.5rem 1.5rem 0.5rem 1.5rem;
        line-height: 1.5rem;
    }

    footer p {
        width: 80%;
    }
}