#promoslide-3 {
    background-image: url(/wp-content/themes/twentytwentythree/assets/images/2025/jm/backgroud-promo-flava.jpg);
}

.imperdibles-logo {
    padding-top: 7%;
}

.logo-la-liga {
    margin-top: -11%;
}

#section4 .layer {
    position: absolute;
    z-index: 4;
    width: 100%;
    left: 0;
    top: 12%;
}

.heading-h2 {
    font-size: 2.5em;
    padding-bottom: 0.5em;
}


.heading-uefa-gana-viajes {
    width: 700px;
    margin-bottom: 2em;
    margin-top: -8%;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.custom-container-p {
    max-width: 1200px;
    margin: auto;
}

.custom-padding-robgrill {
    padding-top: 8vw;
}

.custom-product-text {
    text-transform: uppercase;
}

.container-product {
    margin-top: -5em;
}

.fp-controlArrow.fp-next {
    right: 15%;
}

.fp-controlArrow.fp-prev {
    left: 15%;
}

.logo-flava {
    width: 315px;
    margin-top: -9em;
}

    

/* Small only */
@media screen and (max-width: 39.9375em) {
    #promoslide-5 {
        background-image: url(/wp-content/themes/twentytwentythree/assets/images/rebrand/hn/turiso-hn-sm.jpg);
    }

    .custom-padding-robgrill p {
        padding-bottom: 7em;
        margin-top: -6em;
    }

    .new-pepsi-can {
        max-width: 230px;
    }

    .container-product-shot {
        padding-top: 0px;
    }

    #menu li:nth-child(2) {
        position: relative;
        top: -5px;
    }

    .heading-uefa-gana-viajes {
        max-width: 90%;
    }

    .image-flava {
        padding-top: 15% !important;
        max-width: 300px;
    }

    #contact-container .video {
        display: none !important;
    }

    .fp-controlArrow.fp-next {
        right: 45px;
    }

    .fp-controlArrow.fp-prev {
        left: 35px;
    }

    .container-product {
        margin-top: -8em;
    }

    .logo-flava {
        width: 230px;
    }

    

}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    #section1 h1, #section1 .heading-h1 {
        width: 95%;
    }
    
    #menu li:first-child {
        position: relative;
        top: -13px;
    }
}


@media screen and (min-width: 1024px) and (max-width: 1385px) {
    #menu li:first-child {
        position: relative;
    }
}


/* Large and up */
@media screen and (min-width: 64em) {
    .iframe-video {
        width: 50%;
        height: 430px;
    }
    .heading-h2 {
        font-size: 3em;
    }
}