/* ----------- iPad 1, 2, Mini and Air ----------- */


/* Portrait and Landscape */

@media (min-width: 768px) and (max-width: 1024px) {
    .mapboxgl-ctrl-scale {
        /* background-color: rgb(21, 185, 131)!important; */
    }
}


/* ----------- by Pere ----------- */

@media (min-width: 1024px) and (max-width: 1200px) {
    .mapboxgl-ctrl-scale {
        /* background-color: rgb(185, 21, 171)!important; */
    }
}


/* ----------- Non-Retina Screens ----------- */

@media (min-width: 1200px) and (max-width: 1600px) {
    body,
    html {
        font-size: 12px;
    }
    .mapboxgl-ctrl-scale {
        /* background-color: red!important; */
    }
}


/* ----------- iPad Pro 10.5" ----------- */


/* Portrait and Landscape */

@media only screen and (min-width: 834px) and (max-width: 1112px) {
    .mapboxgl-ctrl-scale {
        /* background-color: rgb(24, 70, 224)!important; */
    }
}