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

#headerWrapper { /* Basic background for banner*/
    background: #cfd9dc;
    border-bottom: 1px solid #b5bfc2;
}

/*Partner logo image(s) above banner, if applicable*/
#partnerBranding {
    padding: 2% 1% 0 2.5%;
}

#in-doi-logo {
    float: left;
}

#in-banner-text {
    margin-top: 28px;
    font-size: 30px;
    padding-left: 100px;
}

#in-logo {
    display: none;
}

.subtitle {
    width: 93%;
    padding: 1% 2.7% 0;
}

/* 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 */

    #in-banner-text {
        font-size: 25pt;
    }

}


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

    #in-logo {
        display: inline;
        float: right;
        height: 90px;
        margin-top: .5%;
        padding-right: 1%;
    }
}

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

}