.background-image-responsive {height: 285px;}
.hero {height: 285px; min-height: 285px;}

@media only screen and (max-width:48em) {
    .background-image-responsive {height: 185px;}
.hero {height: 285px; min-height: 185px;}
}

@media only screen and (max-width:64em) {
    .background-image-responsive {height: 185px;}
.hero {height: 185px; min-height: 185px;}
}

.inverted p.accent {color: #fff;}
.inverted p.accent span {color: #FFD51D;}
.article-right img {max-width: 70%; vertical-align: top; float: right;}
@media only screen and (max-width:48em){.article-left {width: 60% !important;}}
@media only screen and (max-width:48em){.article-right a {max-width: 70%; overflow-x: hidden; float: right;}}
@media only screen and (max-width:48em){.article-right img {max-width: 70%; vertical-align: top; float: right; overflow-x: hidden;}}
.article-right p a {position: relative;}
.article-right .new-article {position: absolute; top: 30px; left: 113px; height: 20px; width: 55px; background: url('../img/articles/new-article-ribbon.png') top left no-repeat;}
@media only screen and (max-width:63em){
.article-right .new-article {position: absolute; top: 30px; left: 86px; height: 20px; width: 55px; background: url('../img/articles/new-article-ribbon.png') top left no-repeat;}
}
@media only screen and (max-width:48em){
.article-right .new-article {position: absolute; top: 10px; left: 35px; height: 20px; width: 55px; background: url('../img/articles/new-article-ribbon.png') top left no-repeat;}
}
.article-left h4 {margin-bottom: 0px;}
.article-left p {margin-top: 5px; font-family: "Roboto"; font-size: 18px; color: #5A5C63; line-height: 21px;}
.page-header--primary-nav--link {font-size: 12px;}
.page-header--primary-nav--item {
    margin: 0 0 0 1rem;
}
@media only screen and (max-width:48em){
.page-header--mobile-nav-toggle + nav {margin-top: -60px;}
}
@media only screen and (max-width:48em){
.page-header--primary-nav--list {
    float: none;
    display: block;
    width: 220px;}
}
@media only screen and (max-width:63em){
.page-header--primary-nav--list {
    float: none;
    display: block;
    width: 220px;}
}

.hero--title {text-transform: capitalize; margin-bottom: 0px;}

.value-prop--promo.half {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 29.382%;
    margin-left: 0%;
    margin-right: 0;
    padding-left: 0%;
    padding-right: 0%;
}

.value-prop--promo.half h4 {font-family: Montserrat; font-weight: bold; font-size: 34px; color: #054FA0;}

hr {color: #fff; margin-top: 26px;}


.logo-element {height: 50px;}
.body-content a {font-family: "Roboto"; font-size: 18px; color: #054FA0; text-decoration: underline;}
.body-content a:hover {color: #77C2E6;}
.body-content a.cta {font-family: "Montserrat"; font-size: 16px; color: #012648; background: url('../icons/icon-chevron-right.svg') right 6px no-repeat;
padding-right: 11px;}
.body-content a.cta:hover {color: #77C2E6;}

.body-content a.btn--pill {font-family: "Montserrat"; font-size: 14px; color: #012648; font-weight: bold;}

.bc {font-family: "Montserrat"; font-size: 14px; color: #054FA0;}
.bc a {font-family: "Montserrat"; font-size: 14px; color: #797979;}
.bc a:after {background-image: url('icons/icon-chevron-right.svg');}
@media only screen and (max-width:48em){.bc{display:none;} 
 
} 

.pill-cta {clear: both; padding-top: 20px;}
.body-content a.btn--pill {background-image: url('../icons/icon-chevron-right.svg'); background-repeat: no-repeat; background-position: 97% 10px;
padding-right: 21px;}
.steps h4 {font-family: "Montserrat"; font-weight: bold; font-size: 14px; color: #5A5C63; line-height: 17px;}
.subs {font-family: Montserrat; font-weight: bold; font-size: 14px; color: #5A5C63; line-height: 17px;
}
.title--on {color: #77C2E6;}
@media only screen and (max-width:63em){
.title--on {color: #021648;}
    }
@media only screen and (max-width:48em){
.title--on {color: #021648;}
}
.headline-title.with-subnav {margin-bottom: 0px;}
.hrule {clear: both; border-bottom: solid 1px #f2f2f2; margin: 40px 0px 10px 0px;}
.question-answer--question {margin-top: 20px; margin-bottom: 3rem;}
.highlight {font-family: "Montserrat"; font-size: 14px; color: #012648; font-weight: bold; margin-top: 20px;}
.btn-yellow {font-family: "Montserrat" !important; text-transform: uppercase; color: #012648 !important;}
@media only screen and (max-width:48em){
.value-prop--promo.half {width: 100%; margin: 0 auto; text-align: center;}
}
@media only screen and (min-width:63em){
.value-prop--promo {border-bottom: solid 1px #f2f2f2; padding-bottom: 30px; width: 100%; margin: 20px auto; text-align: left;}
.value-prop--promo:last-of-type {border-bottom: none;}
.value-prop--promo i {visibility: visible;
text-align: left;
float: left;
background-position: 50% 50% !important;
padding: 0px 40px 40px 20px;
height: auto;}
.value-prop--promo h4 {width: 80%; text-align: left;}
.value-prop--promo .promo--description {width: 100%; text-align: left;}
.value-prop--promo .cta {width: 80%; text-align: left;}
}
.page-footer--logo-container a {display: block;}

.card-body {padding: 1.05rem;}

.card-body .card-title {
    display: block;
    cursor: pointer;
    text-decoration: underline;
    text-align: left;
    margin: 0px;
}

.card {text-align: left;}
.card ul li {text-align: left;}
.card ul li ul li {text-align: left;}

.disclaimer {background-color: #fff !important; font-size: 12px;}

.text-muted a {color: #fff; font-size: 14px; text-decoration: underline;}

.page-header--primary-nav {margin-top: 2.288rem !important;}

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}
a.ahl {color:inherit;}

.feedback-btn {position: fixed; bottom: 20%; right: 0px; background-image:url('img/feedback.png'); width:33px; height:103px; z-index: 9999;}

@media only screen and (max-width:48em){
.feedback-btn {display: none;}
}

@media only screen and (max-width:48em){
.website-feedback {color: #fff !important; text-decoration: underline;}
#wf-mobile {color: #fff !important; text-decoration: underline; margin-left: 7%; font-size: 12px;}
}

.card:hover {transform: scale(1.05); transition: transform .2s;}