@media screen and (max-width:1024px) {
    body {
        background-image: unset;
    }
    header .container {
        padding: 2em 0;
        min-height: unset;
        background-size: unset;
    }
    header .container-inside {
        grid-template-columns: 1fr;
        gap: 2em;
        justify-content: center;
        align-items: center;
    }
    header .container-inside>a {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    header ul {
        gap: 1em;
        justify-content: center;
    }
    header ul li a {
        padding: .75em 2em
    }
    header .info {
        margin-top: 0;
        padding: 2em;
        text-align: center;
    }
    .second .container {
        height: unset;
        background-image: unset;
    }
    .second .right {
        position: unset;
        text-align: center;
    }
    .second .container-inside {
        padding: 2em
    }
    .button {
        padding: .75em 2em;
    }
    .third {
        border-top: 2px dotted #333;
        border-bottom: 2px dotted #333;
    }
    .third .container {
        background-image: unset;
        height: unset;
    }
    .third .info {
        max-width: unset;
        position: unset;
    }
    .third img {
        max-width: 100%;
        display: block;
    }
    .third .container-inside {
        padding: 2em
    }
    .third .info:nth-child(n) {
        text-align: left;
    }
    .four .container {
        height: unset;
    }
    .four .content {
        padding-top: 2em
    }
    .single-bonus {
        grid-template-columns: 1fr;
        padding: 0 2em
    }
    .single-bonus .image {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .bonus-grid {
        grid-template-columns: 1fr;
        gap: 1em;
        margin-top: 2em
    }
    .four .button {
        margin: 2em 0
    }
    footer {
        height: unset;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom;
    }
    footer .content {
        padding: 2em
    }
    footer .container {
        padding: 2em 0
    }
    .mobile-login {
        display: block;
        text-transform: uppercase;
        font-weight: 700;
    }
}