#hero-section {

    background-repeat: no-repeat;
    background-size: cover;

    /* DESKTOP */
    background-image:
        linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, .8)),
        url('/assets/img/bg_map_desktop.png');

}

@media only screen and (max-width:560px) {

    #hero-section {

        background-repeat: no-repeat;
        background-size: cover;

        /* MOBILE */
        background-image:
        linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, .8)),
            url('/assets/img/bg_map_mobile.png');
    }

}


/* REVIEW */
@media only screen and (min-width:1560px) {
    #hero-container {
        padding-top: 4%;
    }
}

/* REVIEW */
@media only screen and (max-width:1080px) {

    .conexo-logo {
        width: 30%;
    }

    #hero-section {
        min-height: 115vh;
    }

}

/* --------------------------------------------------------------- */

/* HERO SECTION */

@media screen and (max-width:560px) {
    #hero-fake-buttons {
        display: none !important;
    }
}

/* --------------------------------------------------------------- */

/* INFO SECTION */

@media screen and (max-width:560px) {

    #info-black-box {
        border-radius: 0 !important;
    }
    
}

/* --------------------------------------------------------------- */


#categories-section { 

    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;

    background-image: url('/assets/img/mockup_categorias_desktop.jpg');

    background-color: var(--whiteConexo);
}

@media only screen and (max-width:560px) {

    #categories-section { 
   
        background-image: url('/assets/img/mockup_categorias_mobile.jpg');
    
    }
    
}