.top-banner h1 {
    background-color: rgba(255,255,255,0.7);
    text-align: left;
    margin: 12.5% 0 0 -0.2%;/* !important; */
    padding: 4% 0 4% 3%;/* !important; */
    /* font-family: sans-serif;
    font-weight: bold; */
    font-size: 50px;/* !important; */
    line-height: 50px;/* !important; */
    display: inline-block; /* makes container width = text width */
    width: 389px;/* !important; */
    height: auto;/* !important; */
}

.description {
    margin: 0;
    padding: 24px 30px;
    border-bottom: solid 3px #035465;
}

.description p {
    /* font-family: sans-serif; */
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

.index-step-one h2, .index-step-two h2, .index-step-three h2 {
    display: block;
    /* font-family: sans-serif; */
    font-size: 25px;
    line-height: 29px;
    font-weight: bold;
    padding: 0;
}
.index-step-one h2 { margin: 240px 0 0 150px; }
.index-step-two h2 { margin: 50px 0 0 0; }
.index-step-three h2 { margin: 115px 0 18px 0; }


.index-subpage-link {
    float: left;

    width: 226px;
    height: 168px;
    border: 1px solid #000;
    text-align: center;
    cursor: pointer;

    font-family: sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    color: #222;

    margin: 0 15px 15px 0;
    padding: 0;
    background-color: #fff;
}
.index-subpage-link img {
    border-bottom: 1px solid #000;
    margin-bottom: 2px;
}
.index-subpage-link:hover {
    background-color: #333;
    color: #fff;
}

.have-questions-text {
    background-color: #f2f2f2;
    text-align: center;
}
.have-questions-text p {
    /* font-family: sans-serif; */
    font-size: 16px;
    line-height: 16px;
    margin: 25px 0;
    padding: 0;
    color: #000;
}
.have-questions-text p b { font-family: sans-serif !important; font-weight: bold !important; }

.you-might-also-like-wrapper {
    margin-top: 0 !important;
}

@media only screen and (max-width: 599px) { /* mobile - small */

    .top-banner {
        height: 97.5vw !important;
    }

    .top-banner h1 {
        font-size: 7.75vw;
        line-height: 1em;
        width: 65%;
        padding: 5.5% 0 5.5% 7%;
        margin: 48% 0 0;
    }

    .description {
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: solid 0.2em #035465;
    }

    .description p {
        font-size: 4.5vw !important;
        line-height: 1.2em !important;
        margin: 5% 4% !important;
        padding: 0 !important;
    }

    /* hide desktop backgrounds containing step number in circle and side brackets */
    .index-step-one, .index-step-two, .index-step-three {
        background-image: none !important;
    }

    div.big-step-number img {
        display: block;
        width: 50%;
        height: 50%;
        margin: 8% auto 5%;
        padding: 0;
    }

    .index-step-three div.big-step-number img {
        margin: 11% auto 7%;
    }

    .index-step-one h2, .index-step-two h2, .index-step-three h2 {
        font-size: 5.5vw;
        line-height: 1.2em;
        margin: 0 10%;
        padding: 0 0 0 0;
    }
    .index-step-one h2 { width: 69%; }
    .index-step-two h2 { /* width: 69%; */ }
    .index-step-three h2 { margin-top: 6%; }

    .index-subpage-link {
        background-size: 100% !important;
        width: 80%;
        height: 67vw;
        font-size: 6vw;
        line-height: 1.2em;
        margin: 7% auto;
        float: none;
        border: none;
        background-repeat: no-repeat !important;
        padding-top: 44%;
    }

    .index-step-three .index-subpage-link {
        padding-top: 47.5%;
        margin-top: 5%;
    }

    .index-step-one {
        padding: 0 !important;
        height: auto !important;
    }
    .index-step-two { 
        background-color: #f2f2f2 !important;
        padding: 0 !important;
        height: auto !important;
    }

    .have-questions-text p {
        font-size: 4.25vw;
        line-height: 1.2em;
        margin: 6.5% auto;
        width: 45%;
    }
}

.sliderBox {
    border: 3px solid black;
    margin: 30px 15px 0 15px;
}

.sliderBox img {
    width: 100%;
}

.sliderBoxText {
    position: relative;
    font-family: sans-serif;
    font-size: 26px;
    font-weight: bold;
    border-top: 2px solid black;
    text-align: center;
    padding: 8px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.leftSliderArrow {
    position: absolute;
    opacity: 0.25;
    top: 31%;
    left: 0px;
}

.rightSliderArrow {
    position: absolute;
    opacity: 0.25;
    top: 31%;
    right: 2px;
}