@charset "utf-8";

@media only screen and (max-width : 1300px) {
    .rowwrap, main.sub {
        padding: 0 2em;
        padding-bottom: 2em;
    }
    .headWrap .rowwrap {
        padding-bottom: 0;
    }
    header .socialIcons {
        margin-left: 0;
    }
}
@media only screen and (max-width : 1240px) {
    .eyebrow {
        display: none !important;
    }
}
@media only screen and (max-width : 1140px) {
    a.logo {
        font-size: 28px;
    }
}
@media only screen and (max-width : 1300px) {
    .headerRight, nav {
        display: none;
    }
    header.headWrap {
        position: fixed;
    }
    header.headWrap.scrolledHead {
        background: #FFF;
    }
    .scrolledHead a.logo {
        line-height: 105px;
        height: 100px;
        background-position: 0 9px;
    }
    .breadSocial, main.home {
        margin-top: 105px;
    }
    .topNav ul {
        display: none;
    }
    a.btnRwd {
        display: inline-block;
    }
    main.home .row1 .rowwrap {
        max-width: none;
        padding: 0;
    }
    .row1 .cols {
        float: none;
    }
    .hero {
        max-width: 100%;
        background-size: cover;
    }
    .row1 .col1, .row1 .col1 .colliner {
        margin-right: 0;
    }
    .row1 .col2 {
        width: 100%;
        padding-left: 0;
        margin-top: 3px;
    }
    .homeBox {
        width: 100%;
        height: auto !important;
    }
    .homeBox a.button {
        position: relative;
        right: auto;
        bottom: auto;
        float: right;
    }
    .homeWrap {
        max-width: 730px;
    }
    .homeBlock {
        width:50%
    }
    .row4 .cols, .row4 .col1, .row4 .col2 {
        float: none;
        width: 100%;
        padding: 0;
        border-left: 0;
        border-right: 0;
    }
    .row4b .cols, .row4 .col1, .row4b .col2, .row4b .col3 {
        float: none;
        width: 100%;
        padding: 0;
        border-left: 0;
        border-right: 0;
    }
	.row4b .col3 .sfContentBlock{
		max-width: 350px;
		margin:0 auto;
	}
    .footerTop .col1, .footerTop .col1 .colliner {
        font-size: 18px;
        line-height: 18px;
        margin-right: 0;
    }
    .footerTop .col2 {
        display: none;
    }
}
@media only screen and (max-width : 800px) {
    a.logo {
        font-size: 20px;
    }
    .vanguard-search td:first-of-type {
        width: 95%;
    }
    main.sub .col1 {
        display: none;
    }
    main.sub .col2 {
        margin-left: 0;
    }
    main.sub .col2 .colliner {
        padding-left: 0;
        margin-left: 0;
    }
    .rowTwitter .col1, .rowTwitter .col2, .rowTwitter .col3 {
        float: none;
        width: auto;
        padding: 0;
    }
    .footerTop.clearfix {
        display: none;
    }
    .footerBot .cols {
        float: none;
    }
    .footerBot .col1, .footerBot .col2 {
        text-align: left;
        width: 100%;
        margin-left: 0;
    }
    .footerBot .col2 .colliner {
        margin-left: 0;
        margin-top: 15px;
    }
    .footerBot .col2 ul {
        float: none;
    }
    .footerBot .col2 li:first-child {
        padding-left: 0;
    }
}
@media only screen and (max-width : 670px) {
    a.logo {
        font-size: 0px;
    }
    .sf_2cols_1_25, .sf_2cols_2_75,
    .sf_2cols_1_33, .sf_2cols_2_67,
    .sf_2cols_1_67, .sf_2cols_2_33,
    .sf_2cols_1_75, .sf_2cols_2_25,
    .sf_2cols_1_50, .sf_2cols_2_50,
    .sf_3cols_1_25, .sf_3cols_2_50, .sf_3cols_3_25,
    .sf_5cols_1_20, .sf_5cols_2_20, .sf_5cols_3_20, .sf_5cols_4_20, .sf_5cols_5_20,
    .sf_4cols_1_25, .sf_4cols_2_25, .sf_4cols_3_25, .sf_4cols_4_25,
    .sf_3cols_1_33, .sf_3cols_2_34, .sf_3cols_3_33 {
        width: 100% !important;
        margin-left: 0;
    }
    .sf_2cols_1_50, .sf_2cols_2_50, .sf_2cols_1_75, .sf_2cols_2_25 {
        width: auto !important;
        float: none;
    }
    .sf_2cols_2_50 .sf_2cols_2in_50,
    .sf_2cols_2_33 .sf_2cols_2in_33 {
        margin-left: 0 !important;
    }
    .sf_colsIn  {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .sf_cols.box {
        width: 100%;
    }
}
@media only screen and (max-width : 600px) {
    .homeWrap {
        max-width: 365px;
    }
    .homeBlock {
        width:100%;
        padding: 15px 0;
    }
}
@media only screen and (max-width : 500px) {
    .heroBG {
        min-height: 175px;
        height: auto;
    }
    .heroTag {
        top: 0;
        position: relative;
        padding: 20px;
        background: rgba(58, 83, 164, 1);
    }
    .heroTag.double a {
        font-size: 21px;
    }
    .breadSocial .col1 {
        width: 100%;
        margin-right: 0;
    }
    .breadSocial .col1 .colliner {
        margin-right: 0;
    }
    .breadSocial .col2 {
        width: 100%;
        text-align: left;
        margin-top: 20px;
    }
    .homeBox.bot {
        background: url(none) #52608d;
        padding-left: 24px;
    }
    .footerBot .col2 li {
        float: none;
        padding: .25em 0;
        border-right: 0;
    }
}
@media only screen and (max-width : 350px) {
    a.logo {
        float: none;
        background-position: center 10px;
    }
    .headerRight {
        text-align: center;
        display: block;
        padding-top: 0;
        padding-bottom: 10px;
    }
    .headWrap .rowwrap {
        height: 193px;
    }
    .headWrap nav .rowwrap {
        height: auto;
    }
    .search {

    }
}

.heroBG
{
	-webkit-background-size: none !important;
	background-size:auto !important;
}