@media only screen and (max-width: 576px) {
    .cover .cover__message .cover__text h1,
    section.hero .hero__text h1 {
        font-size: 1.75rem;
        line-height: 2rem;
        font-weight: 600;
    }

    .cover .cover__message .cover__text h1 span,
    section.hero .hero__text h1 span {
        font-weight: 500;
        font-size: 1.750rem;
    }

    .h1, h1 {
        font-size: 2rem;
    }

    body .h2, body h2,
    body .h3, body h3 {
        font-size: 1.25rem !important;
    }

    .cta {
        font-size: 18px;
    }

    .navbar-container {
        min-height: 70px;
        z-index: 10;
    }

    .navbar-brand {
        padding-top: 0;
        padding-bottom: 0;
    }

    .navbar-container .navbar-toggler {
        width: 1.5rem;
        height: 1.5rem;
    }

    .navbar-container .nav-item {
        margin: 0 .5rem;
        text-align: center;
        font-size: 1.5rem;
    }

    .nav-link {
        display: block;
        padding: 0.5rem;
    }

    .wrapper section {
        margin: 2rem 0 0;
    }

    .btn.btn-white.pr-3 {
        font-weight: 700;
        text-align: center;
        vertical-align: middle;
        padding: .5rem 1rem !important;
    }

    .btn.btn-white.pr-3 .far.ml-3 {
        margin-left: .125rem !important;
    }

    .buttons .btn.btn-white {
        font-weight: 600;
        text-align: center;
        vertical-align: middle;
        padding: .5rem !important;
    }

    .partner-box {
        margin-bottom: 20px;
    }

    .stories-carousel .carousel-control-next,
    .stories-carousel .carousel-control-prev {
        width: 42px;
        height: 42px;
        background-color: #f3b337;
        color: #fff;
        border-radius: 0;
        opacity: 1;
        top: 0;
        bottom: auto;
    }

    .stories-carousel .carousel-control-next {
        left: auto;
        right: 0;
    }

    .stories-carousel .carousel-control-prev {
        left: 0;
        right: auto;
    }

    .stories-carousel .carousel__overlay .carousel__overlay__info h4 {
        color: #fff;
        font-size: 1.5rem;
        line-height: 2.125rem;
    }

    .faqs .card .card-header button {
        font-weight: 600;
        font-size: 1.125rem;
        text-align: left;
        width: 100%;
        padding: .5rem 1.5rem .5rem .5rem;
    }

    .card-body {
        padding: 1.25rem;
    }

    .card {
        font-size: 1rem;
    }

    section.hero .hero__text p {
        font-size: 1.25rem;
        margin-bottom: 0;
        padding-right: 0;
    }

    body .wrapper section.usps,
    body .wrapper section.product-compare {
        padding: 1rem 0 0 0;
        margin: 0 0 0 0;
    }

    body.landingpage section.advantages a.btn.btn-yellow {
        padding: .25rem .5rem;
        font-size: 1.1rem;
        line-height: 1.5;
        border-radius: 2rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    body.landingpage section.box-yellow h2 {
        font-size: 1.3rem !important;
        margin-bottom: 1rem;
    }

    #carouselAdvisors .advisors__item section.content-box-image {
        margin: 0 25px;
    }

    #advisors .carousel-control-next {
        right: -10px;
    }

    #advisors .carousel-control-prev {
        left: -10px;
    }

    .testimonials .carousel-control-next,
    .testimonials .carousel-control-prev,
    #testimonials .carousel-control-next,
    #testimonials .carousel-control-prev {
        position: absolute;
        top: 40px;
        bottom: 0;
        display: block;
        align-items: center;
        justify-content: center;
        width: 15%;
        text-align: center;
    }

    .testimonials .testimonials__item .quote,
    #testimonials .testimonials__item .quote {
        margin: 0 0;
        padding: 0 2rem;
        color: #2b304e;
        font-weight: 300;
        font-size: 1.125rem;
    }

    body.landingpage .row.mb-5,
    body.landingpage .row.my-5 {
        margin-bottom: 0 !important;
    }

    footer {
        margin-top: 2rem;
    }

    .start-box h4 {
        position: relative;
        text-align: center;
        color: #fff;
        font-size: 1.625rem;
        line-height: 1.925rem;
        margin-bottom: 1.8rem;
    }

    .start-box h4 span {
        display: block;
        font-size: 2.825rem;
        line-height: 2.2rem;
    }
    .start-box {
        margin-bottom: 0;
    }
    .start-box .float-right {
        float: none !important;
        text-align: right;
        margin-right: 35px;
    }
    .start-box .float-right .btn {
        padding: .75rem 1.5rem;
    }

    .cover .cover__message .cover__arrow {
        position: absolute;
        bottom: -25px;
        left: 80px;
        width: 36px;
        height: 80px;
        background: url(../images/arrow-down.png) 0 0 no-repeat;
        background-size: contain;
    }

}