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

#headerWrapper { /* Basic background for banner, if applicable*/
    background: #325994;
}

/*Partner logo image(s) above banner, if applicable*/
#partnerBranding {
    height: 50px;
    padding: 10px 0 0 2.5%;
    margin: 0 2.5%;
    color: #EFEFEF;
}

#officeText {
    display: inline-block;
    font-family: "Century Gothic", Arial;
    font-size: 13pt;
    font-style: italic;
    text-shadow: #333333 2px 2px 4px;
    max-width: 270px;
}

#commissioner {
    float: right;
    display: inline-block;
    padding-top: 5px;
    text-align: right;
}

#commissionerName {
    font-style: normal;
    text-align: right;
    font-size: 12pt;
    font-weight: bold;
}

#commissionerSubTitle {
    font-size: 9pt;
}

/* 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 added at this width */
    #partnerBranding {
        background: url(/landingPages/states/georgia/images/georgia-header-big.png) no-repeat left top;
        height: 50px;
    }

    #officeText {
        font-size: 14pt;
        max-width: 75%;
    }

    #commissioner {
        padding-top: 0;
    }

}

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

    #officeText {
        font-size: 20pt;
        max-width: inherit;
    }

    #commissionerName {
        font-size: 14pt;
    }
}

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

}