/* EXTRA-SMALL - only 6/6 columns at this width */

#headerWrapper { /* Basic background for banner, if applicable*/
    background-color: #002b49;
}

/*Partner logo image(s) above banner, if applicable*/
#stateTitle {
    float:left;
    padding: 10px;
    height: 90px;
    color: white;
}

#CDI {
    margin-top: 13px;
    font-size: 26px;
    font-weight: bold;
}

#contact {
    font-size: 19px;
}

#partnerBranding {
    padding: 0;
    height: 110px;
}

/* Page content is updated at these widths. Use different banner images, if applicable */
@media screen and (min-width: 750px) {
    /* SMALL - responsive options are { 3, 6 } columns out of 6 at this width
       Banner image is typically added at this width */

    #partnerBranding {
        padding: 10px 2% 0 2%;
    }

    #stateTitle {
        float:right;
    }

    #contact {
        text-align: right;
    }

}

@media screen and (min-width: 1240px) {
    /* MEDIUM - responsive options are { 2, 3, 4, 6 } columns out of 6 at this width */

}

@media screen and (min-width: 1500px) {
    /* LARGE - responsive options are { 2, 3, 4, 6 } columns out of 6 at this width */

}

.bottomCategory {
    min-height: 90px;
}

@media screen and (max-width: 750px) {
    /* EXTRA-SMALL - only 6/6 columns at this width */
    /* for styles exclusive to x-small */

    .bottomCategory {
        border-bottom: 1px solid #E7ECED;
    }
}