#hero {
    padding: 150px 0;
}

.sub {
    font-size: 30px;
    margin-left: 350px;
}

h1 {

}

#requirements .sx {
    margin-left: 300px;
    padding: 150px;
}



@media (max-width: 2400px) {
    #requirements .sx {
        margin-left: 100px;
    }
}

@media (max-width: 1500px) {
    #requirements .sx {
        margin-left: 0;
        padding-left: 50px;
    }
}


@media (max-width: 1200px) {
    #hero h1 {
        font-size: 10dvw; /* Imposta il font size desiderato */
        line-height: 10dvw;
    }

    #hero .sub {
        margin-left: 0;
    }

    #requirements .sx {
        margin-left: 0;
        padding: 0;
    }

    h2 {
        font-size: 3rem; /* Imposta il font size desiderato */
        line-height: 3rem;
    }
}

@media (min-width: 1200px){
    .info-content__inner {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

a.btn-w,
a.btn-b {
    display: block;
    max-width: fit-content;
}

/* section#carousel .carousel-wrap {
    margin-left: -15px;
    margin-right: -15px;
} */
/* section#carousel .carousel-wrap .item {
    padding-left: 15px;
    padding-right: 15px;
} */

section.banner h2 {
    color: var(--white) !important;
}


body.single-game section#carousel .carousel-wrap {
    margin-left: -12px;
    margin-right: -12px;
}
body.single-game section#carousel .carousel-wrap .carousel-item-image {
    padding-left: 12px;
    padding-right: 12px;
}