html{
    background-image:url('../images/bg.jpg');
/*    height: calc(100% - 20px);*/
}

body{
    padding:0 30px;
    max-width: 1400px;
    margin: 0 auto;
}

#headerSpacer{
    height:30px;
}

header{
    background-color:rgba(255,255,255,.8);
    color:#1d4379;
    margin-bottom:30px;
}

header a, header a:visited{
    color:#fff;
}

.wrapMain{
    margin:0 auto -150px auto;
}

.push{
    height: 180px;
}

h1,h2,h3,h4{
    line-height:1.2em;
}

.wrapContent, #blueQuote{
    line-height:1.2em;
}

#sitemapWrap h3{
    margin-bottom:20px;
}

a{
    color:#636363;
}

a:visited, a:hover{
    color:#333333;
}

footer a:visited, footer a:hover{
    color:#fff;
}

.gf a{
    color:#636363;
}

footer .gf a:visited, footer a:hover{
    color:#636363;
}

.gf a:hover{
    color:#636363;
    
}

.innerWrap{
    background-color:#fff;
    padding:20px;
}

#smPhone div{
    display:inline;
}

#smPhone{
    clear:both;
    margin:10px auto 0 auto;
}

.contact{
    margin-top:20px;
}

.contact a{
    color:#2b65b5;
}

nav{
    background-color:#045184;
}

nav, nav ul{
    width:100%;
}


nav a{
    color:#fff;
    background-color:#045184;
    border-left:1px solid black;
    padding:10px;
}

footer nav a{
    border:0;
    text-align:right;
}

.wrapContent{
    overflow:auto;
    margin:0px;
    padding:20px;
    background-color:rgba(255,255,255,.8);
    color:#636363;
    font-size:13px;
}

nav a:hover, .active{
    background-color:#2b65b5;
    color:#fff !important;
}

nav li{
    width:14.28%;
    font-size:16px;
}

.col2{
    width:50%;
    float:left;
}

.rcol{
    float:right;
}

#site-index iframe{
    float: left;
    padding: 0 20px 20px 0;
    display: block;
}

#lead-index iframe{
    width: 100%;
    height: 300px;
}

.lcol, .rcol{
    width:50%;
    float:left;
}

/* footer{
     background-color:rgba(255,255,255,.8); 
} */
footer  .gfc-logo{
    width: 45%;;
}
.page-content{
    min-height: 50vh;
}
@media (max-width:768px) {
    footer  .gfc-logo{
        width: auto;
    }

    footer{
        height: 200px;
    }
    .gfWrap{
        height: 125px;
    }
}

#navCollapse div {
    border: 1px solid #636363;
}

#navCollapse span{
    background-color: #636363;
}

.fwrap{
    margin-top:20px;
}

.fwrap > div{
    width:33.33%;
    float:left;
}

.fwrap .clear{
    float:none;
    clear:both;
}

#blueQuote div{
    padding:20px;
}

#blueQuote{
    background-color:#acc4e6;
    font-size:20px;
}

.imgFloat{
    margin:0 20px 20px 0;
    padding:6px;
    border:1px solid #636363;
    float:left;
}

.wrapContent ul{
    overflow:hidden;
}

.wrapContent ul li{
    margin-left:20px;
}

#book{
    background-color:#2b65b5;
    padding:20px;
    color:#fff;
    display:inline-block;
    font-size:16px;
    border-radius:5px;
    font-weight:bold;
}

#lead-index .col2 > div{
    padding-left:20px;
}

.insurance img{
    max-width:250px;
    vertical-align: middle;
}

.insurance div{
    float:left;
    height:210px;
    width:250px;
    margin:10px;
    white-space: nowrap;
    text-align:center;
}

.helper{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#name2{
    font-size: 27px;
    margin-top: 6px;
}
/*
.entryText img:first-child{
    margin: 0 20px 20px 0;
    padding: 6px;
    border: 1px solid #636363;
    float: left;
}*/

.entryText h3{
    margin-top:20px;
}

#address{
    font-size:12px;
}

nav ul li ul {
    width:inherit;
}

@media (max-width:1500px){
    nav li{
        font-size:16px;
    }
}

@media (max-width:1300px){
    .col2{
        width:calc(50% - 10px);
    }
    
    nav li a{
        padding: 10px 10px 10px 10px;
    }
}

@media (max-width:1200px){
    nav li{
        font-size:14px;
    }
    
    h1{
        font-size:24px;
    }
    
    h2{
        font-size:22px;
    }
    
    header nav .hideMobile{
        display:none;
    }
}

@media (max-width:1000px){
    #site-index iframe{
        float:none;
        clear:both;
        padding:0;
        width:100%;
        margin-bottom:20px;
    }
    
    .lcol, .rcol{
        width:100%;
        clear:both;
        float:none;
    }
    
    iframe{
        clear:both;
        width:100%;
    }
}

@media (max-width:835px){
    .col2{
        clear:both;
        width:100%;
    }
    
    nav li a{
        border-left:0px;
        border-bottom:1px solid black;
    }
    
    nav li {
        width: 100%;
    }
    
    footer nav{
        width:100%;
        float:none;
    }
    
    .fwrap > div{
        width:100%;
        float:none;
        clear:both;
    }
    
    #contact h2, #blueQuote{
        margin-top:20px;
    }
    
    header nav .hideMobile{
        display:initial;
    }
}

@media (max-width:770px){
    #name2{
        font-size: 18px;
        margin-top: 6px;
    }
    
    .logo{
        width:80%;
        float:none;
        margin: 20px auto;
    }
    
    .logo img{
        width:100%;
    }
    
    .contact{
        margin: 20px auto;
        float:none;
        font-size: 22px;
    }
    
    .wrapSm{
        margin:0;
    }
    
    #smPhone div{
        display: inline-table;
    }
}

@media (max-width:500px){
    #smPhone div {
        display:block;
    }
    
    .wrapSm > a{
        position:absolute;
        display:block;
        top: 100px;
        left: 50%;
        margin-left: -25px;
    }
    
    .contact{
        padding:20px;
        position:relative;
    }
    
    .phoneNumber{
        margin-top:60px;
    }
    
    .address{
        font-size:14px;
    }
    
    .insurance div{
        float:none;
        clear:both;
        margin:10px auto;
        height:auto;
        width:100%;
    }
}

@media (max-width:390px){
    body{
        padding:0;
    }
    
    /* .wrapSm > a{
        top:72px;
    } */
}
