body { /*
    background-color: #0066bf; /*
    color: #fff; */
    background-color: #E8E8E8; /*
    background-color: #F0F0F0; */
}
.top-bar-outer {
    min-height: 50px;
    padding-top: 15px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #2c296b;
    border-bottom: 5px solid #bfa600;
}
.bottom-bar-outer {
    min-height: 50px;
    padding-bottom: 45px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #2c296b;
    border-top: 5px solid #bfa600;
}
.top-bar-inner {
    margin-top: 15px;
    padding-top: 10px;
/*    padding-bottom: 15px; */
    background-color: #0066bf;
    border: 2px solid #bfa600;
}
.bottom-bar-inner {
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 15px; 
    background-color: #0066bf;
    border: 2px solid #bfa600;
}
.top-bar-outer h4, .mid-bar h4 {
    font-weight: bold;
    margin-bottom: 0;
    letter-spacing: 2px
}
.mid-bar h4 {
    margin-bottom: 12px;
}
header {
    padding-left: 15px;
    padding-right: 15px;
}
h1 span.branding, h2.branding {
    color: #bfa600 !important; /*
    color: #8e1b1e; */
    font-family: Anton;
    font-size: 100px;
}
h1 span.branding a, h1 span.branding a:visited {
    color #bfa600 !important;
}
h1 .bold, h2 .bold h4.bold, p.bold {
    font-weight: bold;
}
h2.branding {
    font-size: 80px;
}
.header-container {
    background-color: #0066bf;
}
.header-container h1 {
    margin-bottom:0;
}
.top-bar-outer .header-container h2 {
    margin-top:0;
}
h2.bigger {
    font-size: 2.5rem !important;
}
h2.anton {
    font-family: Anton;
}
.yellow {
    color: #bfa600;
    /*color: #f0d805;
    color: #ebd405;*/
}
.white-txt {
    color: #fff;
}
p.no-mrgn-btm {
    margin-bottom: 0px;
}
a.white-txt {
    font-weight: bold;
}
a.white-txt:hover {
    color: #e0e0e0;
font-weight: bold;
    text-decoration: none;
}
.top-bar-outer h2 {
    margin-top: 6px;
    margin-bottom: 0;
}
h2.phone a {
    color: #f04527; /*#db2e0f;*/
    font-family: Anton;
}
section.main {
    margin-top: 30px;
}
.mid-bar, .mid-bar-1, .mid-bar-bottom {
    min-height: 50px;
    padding-top: 15px;
    padding-left: 5px;
    padding-right: 5px; /*
    padding-bottom: 1px; */
    background-color: #2c296b;
}
.mid-bar {
    border-bottom: 5px solid #bfa600;
}
.mid-bar-1, .mid-bar-bottom {
    border-top: 5px solid #bfa600;
}

.mrgn-tp-30 {
    margin-top:30px;
}
h2.navy-blue {
     color:#2c296b;
}
h4.hi-auto-blue {/*
    color: #2c296b; */
    color: #0066bf;
}
.why-probity {
    font-family: Anton;
    color: #bfa600;
    font-size: 2rem;
	background-color: #0066bf;
	padding: 5px 5px 5px 5px;
	border: 4px solid #bfa600;
    font-weight: bold;
}
div.services .col-lg-3, div.services .col-md-6 {
    padding-left: 80px;
}
div.services p {
    font-family: anton;
}
div.services span {
    color: #0066bf;
    font-size: 1.5rem; /*
    border: 1px solid #000; */
}
div.certifications {
    padding-top: 10px;
    padding-bottom: 0;
    background-color: #fff;
    width: 100%
}
/*****  ADA SVG Images *****/
.statementPage .implementsList li {
    padding: 10px 0px 10px 0px;
}
.statementPage .implementsList svg {
    width: 25px;
    height: 25px;
    vertical-align: top;
    display: inline-block;
    position: relative;
    left: 4px;
    top: 0px; /* used to be top: 8px */
    margin-right: 27px;
}
.accessib-img {
    width: 150px;
    height: auto;
    display: block;
    margin: 0 auto;
    padding-top: 12px;
    padding-bottom: 7px;
}
ul li {}
/*svg:not(:root) {
    overflow: visible !important;
}*/
footer h2 {
    margin-top: 24px;
    font-size: 2.5rem;
}
footer section div div h2 span a {
    color: #fff;
}

/*****    Media Queries     *****/

/*****    Min Width Media Queries     *****/

@media only screen and (min-width: 768px) {
    .display-none-minw768 {
        display: none;
    }
}

/*****    Max Width Media Queries     *****/

@media only screen and (max-width: 991px) { /*
    section.header-container {
        margin-left: 0;
    } */
    div.col-md-6:first-child {
        padding-left: 0;
    }
    div.col-md-6:nth-child(2) {
        padding-right:0;
        padding-left: 40px;
    }
    footer div.col-md-6:nth-child(2) {
        padding-left: 0px;
}
    h1 span.branding, h2.branding {
        font-size: 80px;
    }
    .header-container h1 {
        font-size: 1.8rem;
    }
    .top-bar-outer .header-container h2 {
        font-size: 1.8rem;
    }
}
@media only screen and (max-width: 767px) {
    h1.center-text {
        text-align: center!important;
    }
    h2.branding {
        font-size: 80px;
    }
}
@media only screen and (max-width: 650px) {
    h2.branding {
        font-size: 60px;
    }
}
@media only screen and (min-width: 515px) {
    .display-none-maxw515 {
        display: none;
    }
}
@media only screen and (max-width: 450px) {
    h2.branding {
        font-size: 40px;
    }
}
@media only screen and (max-width: 390px) {
    h1 span.branding {
        font-size: 80px;
    }
}
@media only screen and (max-width: 330px) {
    h1 span.branding {
        font-size: 60px;
    }
}
@media only screen and (max-width: 305px) {
    h2.branding {
        font-size: 30px;
    }
    h1 span.white-txt, h2 span.white-txt {
        font-size: 2.25rem;
    }
    h2.font-weight-500 {
        font-size: 2.25rem !important;
    }
}
@media only screen and (max-width: 250px) {
    h2.branding {
        font-size: 25px;
    }
    h1 span.branding {
        font-size: 45px;
    }
    h1 span.white-txt, h2 span.white-txt {
        font-size: 1.75rem;
    }
    h2.font-weight-500 {
        font-size: 1.75rem !important;
    }
    .top-bar-outer h4.diagnostics {
        font-size: 1.25rem;
    }
    .mid-bar h4.diagnostics {
        font-size: 1.25rem;
    }
}
@media only screen and (max-width: 215px) {
    .top-bar-outer h4.diagnostics {
        font-size: 1rem;
    }
    .mid-bar h4.diagnostics {
        font-size: 1rem;
    }
    h1 span.branding {
        font-size: 35px;
    }
    h1 span.white-txt, h2 span.white-txt {
        font-size: 1.5rem;
    }
    h2.font-weight-500 {
        font-size: 1.5rem !important;
    }
    h2.phone {
        font-size: 1.75rem;
    }
}
@media only screen and (max-width: 200px) {
    h1 span.branding {
        font-size: 30px;
    }
    h2.branding {
        font-size: 20px;
    }
    h1 span.white-txt, h2 span.white-txt {
        font-size: 1.25rem;
    }
    h2.font-weight-500 {
        font-size: 1.25rem !important;
    }
    h2.phone {
        font-size: 1.5rem;
    }
    .top-bar-outer h4.diagnostics {
        font-size: .75rem;
    }
    .mid-bar h4.diagnostics {
        font-size: .75rem;
    }
}
@media only screen and (max-width: 170px) {
    h1 span.branding {
        font-size: 25px;
    }
    h2.branding {
        font-size: 17px;
    }
    h1 span.white-txt, h2 span.white-txt {
        font-size: 1rem;
    }
    h2.font-weight-500 {
        font-size: 1rem !important;
    }
    h2.phone {
        font-size: 1.25rem;
    }
    .top-bar-outer h4.diagnostics {
        font-size: .75rem;
    }
    .mid-bar h4.diagnostics {
        font-size: .75rem;
    }
}