img{
    max-width: 100%!important;
    height: auto!important;
    border: 0;
}
#logo{
    width: 162px;
    height: 174px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 50;
}
#page-photo{
    float: right;
    margin-top: -50px;
}
#wrapper{
    max-width: 99%;
    padding: 0 .5%;
    position: relative;
}
#footer{
    max-width: 94%;
    padding: 0 3%;
    clear: both;
}
#nav{
    width: auto;
    margin-bottom: 76px;
}
#nav a img{
    border-right: 1px solid #F90;
    padding: 0px 20px;
    float: left;
}
#nav a:first-child img{
    border-left: 1px solid #F90;
}
#right table tbody tr td img{
    max-width: 35px!important;
}
#header #home-banner{
    width: 916px;
    height: 256px;
    margin-top: -45px;
}
#header{
    height: auto;
    max-width: 100%;
}

/** home page grid **/
#home-grid{
    margin: 1em 0 3em 0;
    padding: 0;
    width: 100%;
}
#home-grid div{
    margin: 3px;
    float: left;
    text-align: center;
}
#home-grid #grid-center{
    width: 562px;
    margin: 0;
}
#home-grid .tall{
    height: 315px;
}
#home-grid .wide{
    width: 355px;
}
#home-grid .skinny {
    width: 155px;
}
#home-grid .short {
    height: 145px;
}

#mobile-sub-nav{ display: none; }
#cta-yellow,
#cta-orange{
    text-align: left;
    width: 240px;
    height: 65px;
    margin: 1em 0;
}
#mobile-cta{ display: none; }

@media screen and (max-width: 935px){
    #home-grid .skinny {
        width: 130px;
    }
    #home-grid .wide {
        width: 315px;
    }
    #home-grid #grid-center {
        width: 497px;
        margin: 0;
    }
    #home-grid {
        margin: 1em auto 3em auto;
        width: 809px;
        max-width: 100%;
    }
}
@media screen and (max-width: 930px) {
    body.home{
        background-image: none!important;
    }
}
@media screen and (max-width: 880px){
    #nav a img{
        height: 60px!important;
        padding: 0 1em;
    }
}
@media screen and (max-width: 820px) {
    #home-grid .box1{
        float: none;
        width: 500px;
        height: auto;
        margin: 3px auto;
        max-width: 95%;
    }
    #home-grid #grid-center{
        float: none;
        width: 520px;
        height: 339px;
        margin: 3px auto;
        max-width: 95%;
    }
    #home-grid .wide {
        width: 338px;
    }
    #home-grid .box6{
        width: 250px;
        margin: 3px auto;
        float: none;
        height: auto;
    }
}
@media screen and (max-width: 750px){
    #nav {
        width: 99%;
        margin: 0;
        float: none;
        padding: 1em 0;
        text-align: center;
    }
    #nav a{
        width: 12%;
        display: inline-block;
        float: none;
        padding: 0;
        margin: 0 1%;
        text-align: center;
    }
    #nav a img{
        border: 0!important;
        float: none;
        padding: 0;
        display: inline-block;
    }
    #logo{
        position: absolute;
        top: 95px;
        left: 2%;
        max-width: 48%!important;
    }
    #page-photo{
        position: absolute;
        right: 0;
        top: 90px;
        width: auto!important;
        max-width: 73%!important;
        max-height: 175px!important;
        clip-path: inset(6.2% 4.9% 6% 6.4%);
        margin: 0;
    }
    body{
        background-image: none!important;
    }
    #left{
        display: none;
    }
    #right{
        margin: 0 5%;
    }
    #mobile-cta{
        display: block;
        text-align: center;
        margin-top: 2em;
    }
    #mobile-cta #cta-yellow,
    #mobile-cta #cta-orange{
        display: block;
        margin: 1em auto;
        width: 280px;
        max-width: 93%;
    }
    #mobile-sub-nav{
        display: block;
        list-style-type: none;
        margin: 1em 3%;
        padding: 0;
    }
    #mobile-sub-nav li{
        display: inline-block;
        padding: .2em .5em;
        margin: .2em 0;
        border-right: solid 1px #f90;
        list-style-type: none;
    }
    #mobile-sub-nav li.last{
        border-right: 0;
    }
    #mobile-sub-nav li.here a{
        font-weight: bold;
        text-decoration: underline;
    }

    #section-heading{
        display: block;
        width: 100%;
        background-color: #1363a8;
        padding: 3em 0 1em 0;
        text-align: center;
        margin: 3em 0 0 0;
    }

    #header #home-banner {
        margin-top: 70px;
    }
    body.home #logo{
        position: absolute;
        width: 120px!important;
        left: calc(50% - 60px);
    }
}
@media screen and (max-width: 655px) {
    body.home #logo {
        width: 96px!important;
        left: calc(50% - 48px);
    }
}
@media screen and (max-width: 565px) {
    #page-photo{ max-width: 67%!important; }
    #logo{ max-width: 25%!important; }
    body.home #logo { max-width: 96px!important; }
    #section-heading{ margin-top: 2em; }
    #home-grid .box1,
    #home-grid .box2,
    #home-grid .box3,
    #home-grid .box4,
    #home-grid .box5,
    #home-grid .box6{
        width: 75%;
        max-width: 75%;
        height: auto;
        margin: 1em auto;
        float: none;
    }
    #home-grid #grid-center{
        width: 100%;
        margin: 0;
        height: auto;
        max-width: 100%;
    }
}
@media screen and (max-width: 500px) {
    #section-heading{ margin-top: 1.5em; }
    #nav a img { height: 45px!important; }
    body.home #logo{
        top: 75px;
        max-width: 150px!important;
        width: 150px!important;
        left: calc(50% - 75px);
    }
    #header #home-banner {
        display: none;
    }
    #header{
        height: 150px;
    }
}
@media screen and (max-width: 390px) {
    #section-heading{ margin-top: .5em; }
    #nav a img { height: 45px!important; }
}