.announcement {
    top: 0;
    left: 0;
    font-size: .875rem;
    text-align: center;
    position: absolute;
    width: 100%;
    padding: 1rem;
    color: white;
}
.announcement a {
    color: white;
}
.announcement a:hover {
    color: white;
    border-color: white;
}

.hero.large.home-hero {
    height: 88dvh;
}
@media (min-width: 768px) {
    .hero.large.home-hero {
        height: 50vw;
    }
}

.home-nav {
    display: block;
    position: absolute;
    bottom: 0;
    margin-top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    /*width: 205px;*/
}
.home-nav .item {
    width: 205px;
}
.home-nav a {
    border-width: 2px;
    margin: 0 0 1rem;
    display: block;
    text-align: center;
    width: 205px;
}
@media (min-width: 768px) {
    .home-nav {
        left: auto;
        right: auto;
        margin-top: 0;
        bottom: 0;
    }
}
@media (min-width: 1370px) {
    .home-nav {
        margin-top: 0;
        margin-left: 5rem;
    }
}


.steps .slide .slide-content .slide-text {
    width: 100%;
    margin-right: 0;
}
.steps .slide .slide-content .slide-image {
    display: none;

}

footer p,
footer nav li {
    line-height:  1.5;
}
footer .nav-item {
    border:  none;
}
footer .nav-item .nav-panel {
    display: block;
}
footer .social {
    text-align: left;
}
footer .social a {
    margin-right:  1rem;
}
footer .signup {
    max-width: 400px;
}
footer .signup p {
    text-align: left;
}
footer h5:after {
    background-image:  none;
}
@media (min-width: 768px) {
    footer .branch-list .nav-item {
        margin-bottom:  2em;
    }
}
footer .affiliations img {
    margin:  1rem;
}


a.text {
    color: #343434;
}
a.text:hover {
    color: #e24040;
}

.form-row input.button:hover {
    background-color: #2e2e2e;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic Std';
    src: url('webfonts/ITCAvantGardeStdBold/ITCAvantGardeStd-Bold.eot');
    src: url('webfonts/ITCAvantGardeStdBold/ITCAvantGardeStd-Bold.eot?#iefix') format('embedded-opentype'),
        url('webfonts/ITCAvantGardeStdBold/ITCAvantGardeStd-Bold.woff2') format('woff2'),
        url('webfonts/ITCAvantGardeStdBold/ITCAvantGardeStd-Bold.woff') format('woff'),
        url('webfonts/ITCAvantGardeStdBold/ITCAvantGardeStd-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.h1,h1 {
    font-family: 'ITC Avant Garde Gothic Std';
    font-weight: 700;
    margin-top: 0;
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 33px
}

@media (min-width: 768px) {
    .h1,h1 {
        font-size:29px;
        margin-bottom: 10px;
        line-height: 38px
    }
}

@media (min-width: 1140px) {
    .h1,h1 {
        font-size:34px;
        margin-bottom: 10px;
        line-height: 44px
    }
}

.h2,h2 {
    font-family: 'ITC Avant Garde Gothic Std';
    font-weight: 700;
    margin-top: 0;
    font-size: 21px;
    margin-bottom: 10px;
    line-height: 30px
}

@media (min-width: 768px) {
    .h2,h2 {
        font-size:25px;
        margin-bottom: 10px;
        line-height: 33px
    }
}

@media (min-width: 1140px) {
    .h2,h2 {
        font-size:28px;
        margin-bottom: 10px;
        line-height: 36px
    }
}

.h3,h3 {
    font-family: 'ITC Avant Garde Gothic Std';
    font-weight: 700;
    margin-top: 0;
    font-size: 19px;
    margin-bottom: 10px;
    line-height: 29px
}

@media (min-width: 768px) {
    .h3,h3 {
        font-size:21px;
        margin-bottom: 10px;
        line-height: 31px
    }
}

@media (min-width: 1140px) {
    .h3,h3 {
        font-size:24px;
        margin-bottom: 10px;
        line-height: 33px
    }
}

.h4,h4 {
    margin-top: 0;
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 28px
}
@media (min-width: 768px) {
    .h4,h4 {
        font-size:19px;
        margin-bottom: 10px;
        line-height: 29px
    }
}
@media (min-width: 1140px) {
    .h4,h4 {
        font-size:20px;
        margin-bottom: 10px;
        line-height: 30px
    }
}

.p,dl,li,p {
    margin-top: 0;
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 24px;
    letter-spacing: .4px
}

@media (min-width: 768px) {
    .p,li,p {
        font-size:18px;
        margin-bottom: 20px;
        line-height: 32px;
        letter-spacing: .4px
    }
}

@media (min-width: 1140px) {
    .p,li,p {
        font-size:18px;
        margin-bottom: 20px;
        line-height: 32px;
        letter-spacing: .4px
    }
}


.button {
    font-size: 14px;
    color: #000;
    border: 2px solid #000;
}
@media (min-width: 768px) {
    .button {
        font-size: 14px
    }
}

.button.solid {

}

.button.solid.light {
    background: white;
    color: black;
    border-color: white;
}
.button.solid.light:hover {
    background: transparent;
}
.button.solid.dark {
    background: black;
    color: white;
}
.button.solid.dark:hover {
    background: transparent;
    color: black;
}

.reviews-wrapper .logo {
    display: block;
    text-align: center;
    position: relative;
    bottom:  auto;
}
.reviews-wrapper .review p {
    font-size: 16px;
    text-align: center;
}
.reviews-wrapper .review p.stars {
    margin-bottom: 0;
}
.reviews-wrapper .review .author {
    text-transform: uppercase;
    font-size: 14px;
}
.reviews-wrapper .review p:first-child {
    min-height: auto;
}
.reviews-wrapper .review p:nth-child(3) {
    min-height: 220px;
}
.reviews-wrapper .logo img {
    width: 170px;
}


.branch-bullets {
    text-transform: uppercase;
    font-size: 12px;
    color: #e24040;
}
.branch-bullets a {
    color: #343434;
    border-color: #343434;
    margin: 0 4px;
}

@media (min-width: 768px) {
    .branch-bullets {
        text-transform: uppercase;
        font-size: 14px;
        color: #e24040;
    }
    .branch-bullets a {
        color: #343434;
        border-color: #343434;
        margin: 0 10px;
    }
}


.review-section {
    font-size: 16px;
    padding-top: 3rem;
    padding-bottom: 3rem;
    background: #2e2e2e;
    color:  white;
    font-style: italic;
    text-align: center;
}
.review-section p {
    font-size: 16px;
}

.valuation-section ul {
    list-style-type: none;
    margin: 0 0 20px 0;
    padding: 0;
}
.valuation-section ul li {
    margin-bottom: 3px;
    background-image: url("/img/circle-tick.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 13px;
    padding-left: 25px;
}

.usp-section > div {
    margin-bottom: 2rem;
}
@media (min-width: 768px) {
    .usp-section > div {
        margin-bottom: 4rem;
    }
}

.hr {
    height: 1px;
    max-width: 200px;
    margin: 0 auto;
    background-color: #d2d2d2;
}

.text-center-mobile {
    text-align: center;
}
@media (min-width: 768px) {
    .text-center-mobile {
        text-align: left;
    }
}