/* ----- SHIPMYEXPO - LAYOUT CSS ----- */

/* --------------------------------------------------------------------------- */
/* XS */
/* @media (min-width: 0px) */
.testfor { background-color: fuchsia;}
/* ----- */

    body {
        padding-top: 58px; /* Equal to height of navbar */
        overflow-x: hidden; /* Prevent scroll on narrow devices */
        background-color: var(--sme-blue);
    }

    #headerstrip.container {
        height: 58px;
        padding: 0;
    }

        .branding {
            display: block;
            width: 117px;
            height: 42px;
            background-image: url(../images/sme-logo.svg);
            background-size: cover;
            background-repeat: no-repeat;
        }
    

    .container-fluid.map {
        position: relative;
        background-image: url(../images/map_[post].svg);
        background-size: 1105px;
        background-position: -175px 28px;
        background-repeat: no-repeat;
    }

    #footerstrip.container-fluid {
        height: 58px;
        border-bottom: solid 5px var(--sme-blue);
    }
    #footerstrip .container {
        background-color: transparent;
    }
    

/* ----- */
/* --------------------------------------------------------------------------- */
/* SM */
@media (min-width: 576px) {
.testfor { background-color: aqua; }
/* ----- */
    
    .container-fluid.map {
        background-size: 1280px;
        background-position: -100px -5px;
    }

/* ----- */
}


/* --------------------------------------------------------------------------- */
/* MD */
@media (min-width: 768px) {
.testfor { background-color: crimson; }
/* ----- */
    
    .container-fluid.map {
        background-position: left -5px;
    }

/* ----- */
}


/* --------------------------------------------------------------------------- */
/* LG */
@media (min-width: 992px) {
.testfor { background-color: lime; }
/* ----- */



/* ----- */
}


/* --------------------------------------------------------------------------- */
/* XL */
@media (min-width: 1200px) {
.testfor { background-color: mediumblue; }
/* ----- */

    .container-fluid.map {
        background-position: center -5px;
    }

/* ----- */
}


/* --------------------------------------------------------------------------- */
/* XXL */
@media (min-width: 1400px) {
.testfor { background-color: orangered; }
/* ----- */



/* ----- */
}
/* --------------------------------------------------------------------------- */