/* ----- SHIPMYEXPO - COLORS CSS ----- */

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

    :root {
    /* SHIPMYEXPO BRAND COLORS */
        --sme-b-blue:       #00192d;
        --sme-b-rgb-blue:   0,25,45;
        --sme-b-red:        #be0000;
        --sme-b-rgb-red:    170,20,20;

    /* SHIPMYEXPO SITE COLORS */
        --sme-blue:        #8cc8ff;
        --sme-blue-02:     #284155;
        --sme-blue-03:     #3c5569;
        --sme-blue-04:     #50697d;
        --sme-blue-05:     #647d91;
        --sme-blue-06:     #7891a5;

        --sme-blue-l:      #3764dc;

        --white:           #fafafa;
        --rgb-white:       250,250,250;
        --black:           #282828;
        --rgb-black:       40,40,40;
    }

    /* - FILLS */
        .b-red            { fill: var(--sme-b-red); }
        .b-blue           { fill: var(--sme-b-blue); }
        .b-white          { fill: var(--white); }
        .b-black          { fill: var(--black); }

    /* - TEXT */
        .text-light       { color: var(--white)!important; }
        .text-dark        { color: var(--black)!important; }
        .text-brand       { color: var(--z-brand);}
        .text-brand-dark  { color: var(--z-brand-dark);}

        .text-blue2       { color: var(--sme-blue-02); }
        .text-blue3       { color: var(--sme-blue-03); }

    /* - BACKGROUNDS */
        .bg-red           { background-color: var(--sme-b-red)!important; }
        .bg-blue          { background-color: var(--sme-blue)!important; }
        .bg-white         { background-color: var(--white)!important; }
        .bg-black         { background-color: var(--black)!important; }




        .container {
            background-color: transparent;
        }
        #services.container-fluid {
            background-color: var(--sme-blue)!important;
            background: linear-gradient(0deg,
                            rgba(250,250,250,0) 0%,
                            rgba(250,250,250,1) 20%,
                            rgba(250,250,250,1) 80%,
                            rgba(250,250,250,0) 100%
                        );
        }


/* ----- */
/* --------------------------------------------------------------------------- */
/* SM */
@media (min-width: 576px) {
.testfor { background-color: aqua; }
/* ----- */
    


/* ----- */
}


/* --------------------------------------------------------------------------- */
/* MD */
@media (min-width: 768px) {
.testfor { background-color: crimson; }
/* ----- */
    
    

/* ----- */
}


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



/* ----- */
}


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



/* ----- */
}


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



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