#content>div>div>div>div>div>section:first-child>div {
    margin-top: -10px!important
}

@media (min-width: 981px) {
    .mobileonly {
        display:none!important
    }

    .slide.slide1 {
        padding: 0!important;
        max-width: 96%
    }

    .slide.slide2 {
        background: url('https://storage.googleapis.com/gcs-gcp-adamo-web-pro-media/yuvfmwtj/banner-hero-home-enero-total-desktop.jpg') 0 0/contain no-repeat!important;
        background-position-x: center!important;
        background-position-y: 50%!important;
        max-width: 1260px;
        margin-left: auto!important;
        margin-right: auto!important;
        position-area: center
    }

    .slide.slide2 .cbutton {
        margin-top: 100px
    }
}

@media (max-width: 980px) {
    .desktoponly {
        display:none!important
    }

    .slide.slide2 {
        background: url('https://storage.googleapis.com/gcs-gcp-adamo-web-pro-media/mespj15r/banner-hero-home-enero-total-mobile.jpg') 0 0/contain no-repeat!important;
        background-position-x: center!important;
        background-position-y: 0%!important
    }

    .tiles .tile .pic img {
        width: 100%;
        height: 100%;
        max-height: 10px!important;
        border-radius: 4px 4px 0 0;
        background-position: center;
        background-size: cover
    }

    #content>div>div>div>div>div>section:first-child>div>div>div>div .product-card-wrapper .pic img {
        min-height: 250px;
        min-width: 100%;
        margin-top: 0;
        height: 250px;
        margin-left: auto;
        margin-right: auto
    }

    .slide.slide1 .button {
        margin-top: 0!important;
        padding: 1px
    }
}

@media screen and (min-width: 359px) and (max-width:372px) {
    .slide.slide2 .cbutton.has-text-centered {
        margin-top:-165px!important
    }
}

@media screen and (min-width: 373px) and (max-width:392px) {
    .slide.slide2 .cbutton.has-text-centered {
        margin-top:-155px!important
    }
}

@media screen and (min-width: 393px) and (max-width:440px) {
    .slide.slide2 .cbutton.has-text-centered {
        margin-top:-120px!important
    }
}

@media screen and (min-width: 441px) and (max-width:980px) {
    .slide.slide2 .cbutton.has-text-centered {
        margin-top:-100px!important
    }
}

@media screen and (min-width: 981px) {
    .slide.slide1 .button {
        margin-top:0!important;
        padding: 0;
        width: 330px!important
    }

    .slide.slide1 .button a {
        width: 200px!important
    }



    .product-card-wrapper .pic {
        display: block;
        max-height: 100px;
        float: right;
        margin-top: -100px
    }

    #content>div>div>div>div>div>section.section.products-picker.adamoProductsPicker>div>div>div>div>div.product-card-wrapper.product-card-wrapper--wider>div>div>div.highlighted-image>div.pic {
        grid-row: 1/2!important;
        grid-column: 2/2!important;
        margin-top: -2%!important;
        margin-right: 0;
        margin-left: auto;
        min-height: 350px
    }

    #content>div>div>div>div>div>section:first-child>div>div>div>div .product-card-wrapper .pic img {
        margin-top: 14px;
        margin-left: auto
    }
}

.tiles .tile .pic img {
    width: 100%;
    height: 100%;
    display: block;
    max-height: 210px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    background-position-x: 50%;
    background-size: cover
}

#content>div>div>div>div>div>section:first-child>div>div>div>div .product-card-wrapper .pic img {
    margin-right: auto!important;
    margin-left: 2%!important;
    display: block;
    z-index: -4
}

@media screen and (min-width: 982px) and (max-width:1240px) {
    .slide.slide2 {
        background:url(https://storage.googleapis.com/gcs-gcp-adamo-web-pro-media/yuvfmwtj/banner-hero-home-enero-total-desktop.jpg) 0 0/contain no-repeat!important;
        background-position-x: center!important;
        background-position-y: 40%!important
    }

    .slide.slide1 .cbutton.has-text-centered {
        margin-top: 45px!important
    }
}

@media screen and (min-width: 1241px) and (max-width:1360px) {
    .slide.slide2 {
        background:url(https://storage.googleapis.com/gcs-gcp-adamo-web-pro-media/yuvfmwtj/banner-hero-home-enero-total-desktop.jpg) 0 0/contain no-repeat!important;
        background-position-x: center!important;
        background-position-y: 0%!important
    }

    .slide.slide1 .cbutton.has-text-centered {
        margin-top: 35px!important
    }
}

@media screen and (min-width: 1361px) and (max-width:1800px) {
    .slide.slide2 {
        background:url(https://storage.googleapis.com/gcs-gcp-adamo-web-pro-media/yuvfmwtj/banner-hero-home-enero-total-desktop.jpg) 0 0/contain no-repeat!important;
        background-position-x: center!important;
        background-position-y: 0%!important
    }

    .slide.slide1 .cbutton.has-text-centered {
        margin-top: 35px!important
    }
}