﻿/*Max img to 100%*/
.img-max {
    max-width: 100%;
    max-height: 100%;
}
/*End max img to 100%*/

/*Top bar with waterway logo*/
.top-bar {
    display: flex;
    margin-top: 3em;
    position: relative;
}

.back-button {
    position: absolute;
    background-color: white;
    display: flex;
    left: 13em;
    top: 1em;
    padding-right: 1em;
}

.left-arrow {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 15px solid var(--wtw-blue);
    border-bottom: 10px solid transparent;
    margin-right: 1em;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.back-button-text {
    font-size: 1.5em;
    color: var(--wtw-blue);
    font-weight: 500;
    font-family: hind;
}

.back-button a {
    text-decoration: none;
}

.back-button-text:hover, .back-button-text:focus {
    text-decoration: underline;
}

.top-bar-image {
    display: flex;
    background-color: var(--wtw-powder-blue);
    border: 0.75em solid var(--wtw-powder-blue);
    border-radius: 50%;
    margin: auto auto;
    height: 170px;
    width: 200px;
}

    .top-bar-image img {
        width: 130px;
        margin-left: .5em
    }

.top-bar-content {
    display: flex;
}

.top-bar-title {
    display: flex;
    width: 50%;
}

    .top-bar-title h1 {
        font-size: 3.3em;
        font-weight: 700;
        color: var(--wtw-dark-blue);
    }

.top-bar-text {
    display: flex;
    width: 50%;
}

    .top-bar-text p {
        font-size: 1.3em;
        font-weight: 500;
        color: var(--wtw-blue);
        margin-top: 1em;


    }

.top-bar a {
    display: flex;
    margin-right: 1em;
}

.top-bar-content {
    display: flex;
    border-top: .1em solid var(--wtw-light-cool-gray);
    border-bottom: .1em solid var(--wtw-light-cool-gray);
    padding-top: 2em;
    margin-left: 2em;
    width: 100%;
    margin-top:2em;
}

@media only screen and (max-width: 1400px) {
    .top-bar-image img {
        width: 100px;
    }

    .back-button {
        position: absolute;
        background-color: white;
        display: flex;
        left: 0em;
        padding-right: 1em;

    }

    .top-bar-title {
        width: 100%;
    }

        .top-bar-title h1 {
            font-size: 2em;
        }

    .top-bar-text {
        width: 100%;
        padding-top: 1em;
    }

        .top-bar-text p {
            font-size: 1em;
        }

    .top-bar-content {
        flex-wrap: wrap;
        padding-top: 3em;
    }
}

@media only screen and (max-width: 600px) {
    .top-bar-image {
        display: none;
    }

    .back-button {
        position: absolute;
        background-color: white;
        display: flex;
        left: 1em;
        top: -1em;
        padding-right: 1em;
    }
}
/*End top bar*/

/*Horizontal rule with WW Logo*/
.wwRule {
    position: relative;
    width: 100%;
    margin-top: 5em;
}

    .wwRule hr {
        display: block;
        height: 2px;
        margin: 0px 0px 5em;
        background-color: currentColor;
        border: 0;
        opacity: .25;
    }

    .wwRule img {
        width: 60px;
        height: auto;
        position: absolute;
        left: 50%;
        top: 0px;
        transform: translate(-50%, -50%);
        background-color: white;
        padding: 0px 10px;
    }
/*End horizontal rule with WW Logo*/

/*Blank spacer*/
.wwRule-blank {
    position: relative;
    width: 100%;
    height: 4em;
}

@media only screen and (max-width: 1400px) {
    .wwRule-blank {
        height: 2em;
    }
}
/*End blank spacer*/

/*FAQ section*/
.faq {
    max-width: 80%;
    margin: 0px auto;
}

    .faq h3 {
        font-size: 32px;
        font-weight: 700;
        color: var(--wtw-deep-blue);
    }

    .faq h5 {
        font-size: 22px;
        font-weight: 700;
        line-height: 1.17;
        color: var(--wtw-deep-blue);
        margin-top: 1.5em;
    }

    .faq p {
        line-height: 1.33;
        color: var(--wtw-dark-gray);
        margin-bottom: 1rem;
        margin-top: 0;
    }

    .faq a {
        color: var(--wtw-medium-blue);
        text-decoration: underline;
        font-size: 16px;
    }
/*End FAQ section*/

/*Left image, right text, with background*/
.limg-rtxt-back-wrapper {
    padding: 4em;
    display: flex;
    background-color: var(--wtw-background-blue);
    flex-wrap: wrap;
}

.limg-rtxt-back-title {
    display: flex;
    color: var(--wtw-dark-blue);
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1em;
    width: 100%;
}

.limg-rtxt-back-img {
    width: 50%;
    padding-right: 1.5em;
}

    .limg-rtxt-back-img img {
        max-height: 100%;
        max-width: 100%;
    }


.limg-rtxt-back-text {
    padding-left: 1.5em;
    font-size: 18px;
    width: 50%;
}

@media only screen and (max-width: 1400px) {
    .limg-rtxt-back-wrapper {
        padding: 1em;
    }
    
    .limg-rtxt-back-img {
        width: 100%;
        padding-right: 0;
    }

    .limg-rtxt-back-text {
        width: 100%;
        margin-top: 2em;
        padding-left: 0;
    }

    .limg-rtxt-back-title {
        font-size: 30px;
    }
}
/*End left image, right text, with background*/

/*Right image, left text, with background*/
.rimg-ltxt-back-wrapper {
    padding: 4em;
    display: flex;
    background-color: var(--wtw-background-blue);
    flex-wrap: wrap;
}

.rimg-ltxt-back-title {
    display: flex;
    color: var(--wtw-dark-blue);
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1em;
    width: 100%;
}

.rimg-ltxt-back-img {
    width: 50%;
    padding-left: 1.5em;
}

    .rimg-ltxt-back-img img {
        max-height: 100%;
        max-width: 100%;
    }


.rimg-ltxt-back-text {
    padding-right: 1.5em;
    font-size: 18px;
    width: 50%;
}

@media only screen and (max-width: 1400px) {
    .rimg-ltxt-back-wrapper {
        padding: 1em;
    }

    .rimg-ltxt-back-img {
        width: 100%;
        padding-left: 0;
        margin-top: 3em;
    }

    .rimg-ltxt-back-text {
        width: 100%;
        padding-right: 0;
    }

    .rimg-ltxt-back-title {
        font-size: 30px;
    }
}
/*End right image, left text, with background*/

/*Left image, right text, without background*/
.limg-rtxt-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.limg-rtxt-title {
    display: flex;
    color: var(--wtw-dark-blue);
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1em;
    width: 100%;
}

.limg-rtxt-img {
    width: 50%;
    padding-right: 1.5em;
}

    .limg-rtxt-img img {
        max-height: 100%;
        max-width: 100%;
    }


.limg-rtxt-text {
    padding-left: 1.5em;
    font-size: 18px;
    width: 50%;
}

@media only screen and (max-width: 1400px) {
    .limg-rtxt-wrapper {
        padding: 1em;
    }

    .limg-rtxt-img {
        width: 100%;
        padding-right: 0;
        margin: 0px 10px;
    }

    .limg-rtxt-text {
        width: 100%;
        margin-top: 2em;
        padding-left: 0;
    }

    .limg-rtxt-title {
        font-size: 30px;
    }
}
/*End left image, right text, without background*/

/*Right image, left text, without background*/
.rimg-ltxt-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.rimg-ltxt-title {
    display: flex;
    color: var(--wtw-dark-blue);
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1em;
    width: 100%;
}

.rimg-ltxt-img {
    width: 50%;
    padding-left: 1.5em;
}

    .rimg-ltxt-img img {
        max-height: 100%;
        max-width: 100%;
    }


.rimg-ltxt-text {
    padding-right: 1.5em;
    font-size: 18px;
    width: 50%;
}

@media only screen and (max-width: 1400px) {
    .rimg-ltxt-wrapper {
        padding: 1em;
    }

    .rimg-ltxt-img {
        width: 100%;
        padding-left: 0;
        margin-top: 3em;
    }

    .rimg-ltxt-text {
        width: 100%;
        padding-right: 0;
    }

    .rimg-ltxt-title {
        font-size: 30px;
    }
}
/*End right image, left text, without background*/

/*Top image, bottom text*/
.timg-btxt {
    width: 80%;
    margin: 0 auto;
}

.timg-btxt-title {
    color: var(--wtw-dark-blue);
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 1em;
    width: 100%;
}

.timg-btxt img {
    max-height: 100%;
    max-width: 100%;
    margin-bottom: 1em;
}

.timg-btxt-text {
    color: var(--wtw-dark-gray);
}

    .timg-btxt-text ul {
        margin-top: 1em;
    }

    .timg-btxt-text li {
        margin: 1em 0;
    }

@media only screen and (max-width: 1400px) {
    .timg-btxt-title {
        font-size: 24px;
    }
}
/*End top image, bottom text*/

/*No image, Center text*/
.cnttxt-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.cnttxt-title {
    display: flex;
    color: var(--wtw-dark-blue);
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1em;
    width: 100%;
}

.cnttxt-text {
    margin-left:15em;
    font-size: 18px;
    width: 60%;
    text-align:justify
}

@media only screen and (max-width: 1400px) {

    .cnttxt-text {
        width: 100%;
        padding-right: 0;
    }
}
/*End No image, Center text*/

/*Standard link*/
.wtw-link {
    margin-top: 1em;
}

    .wtw-link a {
        text-transform: uppercase;
        text-decoration: none;
        border-bottom: 5px solid var(--wtw-bright-orange);
        color: var(--wtw-blue);
        line-height: 1.25;
        font-size: 24px;
        font-weight: 500;
        font-family: Oswald, sans-serif;
        letter-spacing: 0.48px;
        transition: border 0.4s ease 0s;
    }

        .wtw-link a:hover {
            border-bottom: 0.25em solid var(--wtw-dark-blue);
        }

@media only screen and (max-width: 1400px) {
    .wtw-link a {
        font-size: 20px;
    }
}
/*End standard link*/

/*Gradient Button*/
.wtw-button-blue a {
    border-radius: 0px 0px 5px 5px;
    font-family: Oswald, sans-serif;
    font-size: 24px;
    background-color: var(--wtw-light-blue);
    text-transform: uppercase;
    box-shadow: 1px 9px 1px -3.3333px var(--wtw-blue);
    padding: 9px 39px;
    line-height: 1.25;
    text-decoration: none;
    color: white;
    transition-duration: 1s;
}

.wtw-button-blue a:hover {
        border-radius: 0px 0px 5px 5px;
        font-family: Oswald, sans-serif;
        font-size: 24px;
        background-color: var(--wtw-blue);
        text-transform: uppercase;
        box-shadow: 1px 9px 1px -3.3333px var(--wtw-blue);
        padding: 9px 39px;
        line-height: 1.25;
        text-decoration: none;
        color: white;
        transition-duration: 1s;
    }

.wtw-button-blue button {
    border-radius: 0px 0px 5px 5px;
    font-family: Oswald, sans-serif;
    font-size: 24px;
    background-color: var(--wtw-light-blue);
    text-transform: uppercase;
    box-shadow: 1px 9px 1px -3.3333px var(--wtw-blue);
    padding: 9px 39px;
    line-height: 1.25;
    text-decoration: none;
    color: white;
    transition-duration: 1s;
    border:none;
}

.wtw-button-blue button:hover {
        border-radius: 0px 0px 5px 5px;
        font-family: Oswald, sans-serif;
        font-size: 24px;
        background-color: var(--wtw-blue);
        text-transform: uppercase;
        box-shadow: 1px 9px 1px -3.3333px var(--wtw-blue);
        padding: 9px 39px;
        line-height: 1.25;
        text-decoration: none;
        color: white;
        transition-duration: 1s;
    }
/*End Gradient Button*/

/*Forms*/
.WW-Form {

max-width: 875px;
margin-left: 15em;
}
.WW-Form-Header {
    max-width: 875px;
    margin-left: 12em;
}


.WW-Form label {

    margin-top: 20px;
    font-family: Hind, sans-serif;
    font-size: 18px;
}
.WW-Form select {
    font-family: Hind, sans-serif;
    font-weight: bold;
    font-stretch: normal;
    line-height: 50px;
    letter-spacing: normal;
    color: var(--wtw-gray);
    outline: none;
    border-width: 2px;
    font-size: 18px;
    height: 50px;
    width: 100%;
    max-width: 900px;
    border-radius: 5px;
    border-color: var(--wtw-warm-gray);
}
    .WW-Form input[type=text] {
        font-family: Hind, sans-serif;
        font-weight: bold;
        font-stretch: normal;
        line-height: 50px;
        letter-spacing: normal;
        color: var(--wtw-light-gray);
        outline: none;
        border-width: 2px;
        font-size: 18px;
        height: 50px;
        width: 100%;
        border-radius: 5px;
        border-color: var(--wtw-warm-gray);
        max-width: 900px;
    }
    .WW-Form input[type=tel] {
        font-family: Hind, sans-serif;
        font-weight: bold;
        font-stretch: normal;
        line-height: 50px;
        letter-spacing: normal;
        color: var(--wtw-light-gray);
        outline: none;
        border-width: 2px;
        font-size: 18px;
        height: 50px;
        width: 100%;
        border-radius: 5px;
        border-color: var(--wtw-warm-gray);
        max-width: 900px;
    }
    .WW-Form input[type=email] {
        font-family: Hind, sans-serif;
        font-weight: bold;
        font-stretch: normal;
        line-height: 50px;
        letter-spacing: normal;
        color: var(--wtw-light-gray);
        outline: none;
        border-width: 2px;
        font-size: 18px;
        height: 50px;
        width: 100%;
        border-radius: 5px;
        border-color: var(--wtw-warm-gray);
        max-width: 900px;
    }
.WW-Form textarea {
    font-family: Hind, sans-serif;
    font-weight: bold;
    font-stretch: normal;
    line-height: 50px;
    letter-spacing: normal;
    color: var(--wtw-light-gray);
    outline: none;
    border-width: 2px;
    font-size: 18px;
    min-height: 260px;
    width: 100%;
    border-radius: 5px;
    border-color: var(--wtw-warm-gray);
    max-width: 900px;
}

.WW-Form .cnttxt-text {
    margin-left: 19em;
 }
WW-Form input[type=radio] {
width: 25%;
}
/*End Forms*/

/*Anchor offset for header*/
.anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}

@media only screen and (max-width: 1400px) {
    .anchor {
        top: -50px;
    }
}
/*End anchor offset for header*/

/*Left image, right text, with background Staggered*/
.limg-rtxt-back-wrapper-stag {
    padding: 2em;
    display: flex;
    flex-wrap: wrap;
}

.limg-rtxt-back-title-stag {
    display: flex;
    color: var(--wtw-dark-blue);
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1em;
    width: 100%;
}

.limg-rtxt-back-img-stag {
    width: 50%;
    padding-right: 1.5em;
}

    .limg-rtxt-back-img-stag img {
        max-height: 100%;
        max-width: 100%;
        margin-top: 3em;
    }


.limg-rtxt-back-text-stag {
    padding-left: 1.5em;
    font-size: 18px;
    width: 50%;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmgAAAGQBAMAAADo6IGTAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAASUExURez6/+z7/0dwTOb4/931/e35/9xk5BwAAAAEdFJOU48RAMSHRA8ZAAAEYElEQVR42u3Vy3HdRhCG0Vsse6+FEtCNQQ7AdiMAWeP8UzFJl14WKasHGGAe51tieervwe3+5re/lejjw/32DkNW7X57SyHbw+1XCNn+gpbvAzRo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgwYNGjRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBgwYNGjRo0KAJGjRo0KAJGjRo0K6uPBb/6ekbtBfatviJ2uGNhvb9tP6PbnG0LSori6JVg31qObTdYs9t66ClH7ET5tY5WhxdmR2tRIvKxGhtxI553DpFa0h2AFuPaI3F9v8S+kPb4pwmQovz2iZBK3FqM6DF6W2jo5W4oqHR4qrGRStxXduYaFeSVY2tA7S4vOHQooe2odBKxIBql6L1QpZVuxCtdGSWU7sOrSuy3O/gMrTorq13tBI91jdadFrHaCVibLUL0KLn+kQrEcOrnY0W3dcdWomYQe1UtBiirSu0iEnUzkMrEbOonYYWI7X1gRZj1QNaiZhJ7RS0GLCr0UY0++Gz1h6tRMym1hxtVLMfHWhrtBi4q9BGNnv9QNuixdhdghYxp1pLtOHNXjvQdmglYla1ZmhTmL1yoK3QJjF7eWqN0GYxe3lqbdDmMXtRrQlazNR2DlrM1SloJWZXOx4tpmtrjhYT1hptRrPvpnYwWsxZU7SIJdQORQtozF5TOxBtZrNv/wXHocXcNUGb3OybqR2FFtN3PNr8Zl9P7Ri0WKGD0coSaNuhaGuYfTW1A9BWMfsytf1oy5h9mdputIXMPk9tL9pKZp+nthNtLbNj0BYz+6S2Dy2gMfvJX8EetFiwvWgrmv07tXq0siRa7EJb1Ox5arVoq5o9T60SbV2zerSFzZ7uswptZbOnqVWhLW32OLUatFi8GrSAlkYry6NtaTRmEVk0Zo/9nkNjVoEGLI/GK4/mOPNozPJozPJozCrQWOXRUOXRHGcejVkejVkFGqc8GqY8GqU8mgctj8asAo1RHg1RHs1x5tGY5dGYVaDxyaPhyaM5zjwaswo0OHk0Nnk0x5lHY5ZHY1aBBiaPZmh5NGYVaFjyaFTyaI4zj8asAo1JHg1JHs1x5tGYVaAByaPxyKM5zjwaswo0Gnk0Q8ujMatAY5FHQ5FHc5x5NGYVaCDyaBzyaI4zj8asAo1CHs3Q8mi/QIAGDRo0aIIGDRo0aIIGDRo0aIIGDRo0aIIGDRo0aIIGDRo0aIIGDRo0aIIGDRo0aIIGDRo0aIIGDRo0aIIG7ar+uL2FkO3h9g5Csj/vt/ub9xxSZg/3fwBvqhkhGdpJ1QAAAABJRU5ErkJggg==") left top no-repeat;
    margin-bottom: 3em;
    text-align: left;
    border-radius: 2%;
    padding-top: 5em;
    padding-left: 3em;
}

.limg-rtxt-back-text-stag h3 {
    text-decoration: none;
    font-size: 46px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: normal;
    color: var(--wtw-blue);
    margin: 19px 0px;
}

@media only screen and (max-width: 1400px) {
    .limg-rtxt-back-wrapper-stag {
        padding: 1em;
    }

    .limg-rtxt-back-img-stag {
        width: 100%;
        padding-right: 0;
    }

    .limg-rtxt-back-text-stag {
        width: 100%;
        margin-top: 2em;
        padding-left: 0;
    }

    .limg-rtxt-back-title-stag {
        font-size: 30px;
    }

    .limg-rtxt-back-img-stag {
        display: none;
    }

    .limg-rtxt-back-text-stag {
        padding-left: 1.5em;
        font-size: 18px;
        width: 100%;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmgAAAGQBAMAAADo6IGTAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAASUExURez6/+z7/0dwTOb4/931/e35/9xk5BwAAAAEdFJOU48RAMSHRA8ZAAAEYElEQVR42u3Vy3HdRhCG0Vsse6+FEtCNQQ7AdiMAWeP8UzFJl14WKasHGGAe51tieervwe3+5re/lejjw/32DkNW7X57SyHbw+1XCNn+gpbvAzRo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgwYNGjRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBgwYNGjRo0KAJGjRo0KAJGjRo0K6uPBb/6ekbtBfatviJ2uGNhvb9tP6PbnG0LSori6JVg31qObTdYs9t66ClH7ET5tY5WhxdmR2tRIvKxGhtxI553DpFa0h2AFuPaI3F9v8S+kPb4pwmQovz2iZBK3FqM6DF6W2jo5W4oqHR4qrGRStxXduYaFeSVY2tA7S4vOHQooe2odBKxIBql6L1QpZVuxCtdGSWU7sOrSuy3O/gMrTorq13tBI91jdadFrHaCVibLUL0KLn+kQrEcOrnY0W3dcdWomYQe1UtBiirSu0iEnUzkMrEbOonYYWI7X1gRZj1QNaiZhJ7RS0GLCr0UY0++Gz1h6tRMym1hxtVLMfHWhrtBi4q9BGNnv9QNuixdhdghYxp1pLtOHNXjvQdmglYla1ZmhTmL1yoK3QJjF7eWqN0GYxe3lqbdDmMXtRrQlazNR2DlrM1SloJWZXOx4tpmtrjhYT1hptRrPvpnYwWsxZU7SIJdQORQtozF5TOxBtZrNv/wXHocXcNUGb3OybqR2FFtN3PNr8Zl9P7Ri0WKGD0coSaNuhaGuYfTW1A9BWMfsytf1oy5h9mdputIXMPk9tL9pKZp+nthNtLbNj0BYz+6S2Dy2gMfvJX8EetFiwvWgrmv07tXq0siRa7EJb1Ox5arVoq5o9T60SbV2zerSFzZ7uswptZbOnqVWhLW32OLUatFi8GrSAlkYry6NtaTRmEVk0Zo/9nkNjVoEGLI/GK4/mOPNozPJozPJozCrQWOXRUOXRHGcejVkejVkFGqc8GqY8GqU8mgctj8asAo1RHg1RHs1x5tGY5dGYVaDxyaPhyaM5zjwaswo0OHk0Nnk0x5lHY5ZHY1aBBiaPZmh5NGYVaFjyaFTyaI4zj8asAo1JHg1JHs1x5tGYVaAByaPxyKM5zjwaswo0Gnk0Q8ujMatAY5FHQ5FHc5x5NGYVaCDyaBzyaI4zj8asAo1CHs3Q8mi/QIAGDRo0aIIGDRo0aIIGDRo0aIIGDRo0aIIGDRo0aIIGDRo0aIIGDRo0aIIGDRo0aIIGDRo0aIIGDRo0aIIG7ar+uL2FkO3h9g5Csj/vt/ub9xxSZg/3fwBvqhkhGdpJ1QAAAABJRU5ErkJggg==") left top no-repeat;
        margin-bottom: 3em;
        text-align: left;
        border-radius: 2%;
        padding-top: .5em;
        padding-bottom: .5em;
        padding-left: 3em;
    }

        .limg-rtxt-back-text-stag h3 {
            text-decoration: none;
            font-size: 46px;
            font-weight: 300;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.1;
            letter-spacing: normal;
            color: var(--wtw-blue);
            margin: 19px 0px;
        }
}
/*End left image, right text, with background Staggered*/

/*Right image, left text, with background Staggered*/
.rimg-ltxt-back-wrapper-stag {
    padding: 2em;
    display: flex;
    flex-wrap: wrap;
}

.rimg-ltxt-back-title-stag {
    display: flex;
    color: var(--wtw-dark-blue);
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1em;
    width: 100%;
}

.rimg-ltxt-back-img-stag {
    width: 50%;
    padding-left: 1.5em;
}

    .rimg-ltxt-back-img-stag img {
        max-height: 100%;
        max-width: 100%;
        margin-bottom: 3em;
    }
.rimg-ltxt-back-text-stag {
    padding-right: 1.5em;
    font-size: 18px;
    width: 50%;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmgAAAGQBAMAAADo6IGTAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAASUExURez6/+z7/0dwTOb4/931/e35/9xk5BwAAAAEdFJOU48RAMSHRA8ZAAAEYElEQVR42u3Vy3HdRhCG0Vsse6+FEtCNQQ7AdiMAWeP8UzFJl14WKasHGGAe51tieervwe3+5re/lejjw/32DkNW7X57SyHbw+1XCNn+gpbvAzRo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgwYNGjRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBgwYNGjRo0KAJGjRo0KAJGjRo0K6uPBb/6ekbtBfatviJ2uGNhvb9tP6PbnG0LSori6JVg31qObTdYs9t66ClH7ET5tY5WhxdmR2tRIvKxGhtxI553DpFa0h2AFuPaI3F9v8S+kPb4pwmQovz2iZBK3FqM6DF6W2jo5W4oqHR4qrGRStxXduYaFeSVY2tA7S4vOHQooe2odBKxIBql6L1QpZVuxCtdGSWU7sOrSuy3O/gMrTorq13tBI91jdadFrHaCVibLUL0KLn+kQrEcOrnY0W3dcdWomYQe1UtBiirSu0iEnUzkMrEbOonYYWI7X1gRZj1QNaiZhJ7RS0GLCr0UY0++Gz1h6tRMym1hxtVLMfHWhrtBi4q9BGNnv9QNuixdhdghYxp1pLtOHNXjvQdmglYla1ZmhTmL1yoK3QJjF7eWqN0GYxe3lqbdDmMXtRrQlazNR2DlrM1SloJWZXOx4tpmtrjhYT1hptRrPvpnYwWsxZU7SIJdQORQtozF5TOxBtZrNv/wXHocXcNUGb3OybqR2FFtN3PNr8Zl9P7Ri0WKGD0coSaNuhaGuYfTW1A9BWMfsytf1oy5h9mdputIXMPk9tL9pKZp+nthNtLbNj0BYz+6S2Dy2gMfvJX8EetFiwvWgrmv07tXq0siRa7EJb1Ox5arVoq5o9T60SbV2zerSFzZ7uswptZbOnqVWhLW32OLUatFi8GrSAlkYry6NtaTRmEVk0Zo/9nkNjVoEGLI/GK4/mOPNozPJozPJozCrQWOXRUOXRHGcejVkejVkFGqc8GqY8GqU8mgctj8asAo1RHg1RHs1x5tGY5dGYVaDxyaPhyaM5zjwaswo0OHk0Nnk0x5lHY5ZHY1aBBiaPZmh5NGYVaFjyaFTyaI4zj8asAo1JHg1JHs1x5tGYVaAByaPxyKM5zjwaswo0Gnk0Q8ujMatAY5FHQ5FHc5x5NGYVaCDyaBzyaI4zj8asAo1CHs3Q8mi/QIAGDRo0aIIGDRo0aIIGDRo0aIIGDRo0aIIGDRo0aIIGDRo0aIIGDRo0aIIGDRo0aIIGDRo0aIIGDRo0aIIG7ar+uL2FkO3h9g5Csj/vt/ub9xxSZg/3fwBvqhkhGdpJ1QAAAABJRU5ErkJggg==") left top no-repeat;
    margin-top: 3em;
    text-align: left;
    border-radius: 2%;
    padding-top: 5em;
    padding-left: 3em;
}

    .rimg-ltxt-back-text-stag h3 {
        text-decoration: none;
        font-size: 46px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.1;
        letter-spacing: normal;
        color: var(--wtw-blue);
        margin: 19px 0px;
    }

rimg-ltxt-back-text-stag .eyebrow {
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.89;
    letter-spacing: normal;
    color: var(--wtw-deep-blue);
    display: inline-block;
    margin: 18px 0px 0px;
}
@media only screen and (max-width: 600px) {
    .rimg-ltxt-back-wrapper-stag {
        padding: .1em;
        display: flex;
        flex-wrap: wrap;
    }

    .rimg-ltxt-back-title-stag {
        display: flex;
        color: var(--wtw-dark-blue);
        font-size: 40px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: .2em;
        width: 100%;
    }

    .rimg-ltxt-back-img-stag {
        width: 50%;
        padding-left: 1.5em;
    }

        .rimg-ltxt-back-img-stag img {
            max-height: 100%;
            max-width: 100%;
            margin-bottom: 3em;
        }
    .rimg-ltxt-back-text-stag {
        padding-right: 1.5em;
        font-size: 18px;
        width: 50%;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmgAAAGQBAMAAADo6IGTAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAASUExURez6/+z7/0dwTOb4/931/e35/9xk5BwAAAAEdFJOU48RAMSHRA8ZAAAEYElEQVR42u3Vy3HdRhCG0Vsse6+FEtCNQQ7AdiMAWeP8UzFJl14WKasHGGAe51tieervwe3+5re/lejjw/32DkNW7X57SyHbw+1XCNn+gpbvAzRo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgyZo0KBBgwYNGjRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBEzRo0KBBgwYNGjRo0KAJGjRo0KAJGjRo0K6uPBb/6ekbtBfatviJ2uGNhvb9tP6PbnG0LSori6JVg31qObTdYs9t66ClH7ET5tY5WhxdmR2tRIvKxGhtxI553DpFa0h2AFuPaI3F9v8S+kPb4pwmQovz2iZBK3FqM6DF6W2jo5W4oqHR4qrGRStxXduYaFeSVY2tA7S4vOHQooe2odBKxIBql6L1QpZVuxCtdGSWU7sOrSuy3O/gMrTorq13tBI91jdadFrHaCVibLUL0KLn+kQrEcOrnY0W3dcdWomYQe1UtBiirSu0iEnUzkMrEbOonYYWI7X1gRZj1QNaiZhJ7RS0GLCr0UY0++Gz1h6tRMym1hxtVLMfHWhrtBi4q9BGNnv9QNuixdhdghYxp1pLtOHNXjvQdmglYla1ZmhTmL1yoK3QJjF7eWqN0GYxe3lqbdDmMXtRrQlazNR2DlrM1SloJWZXOx4tpmtrjhYT1hptRrPvpnYwWsxZU7SIJdQORQtozF5TOxBtZrNv/wXHocXcNUGb3OybqR2FFtN3PNr8Zl9P7Ri0WKGD0coSaNuhaGuYfTW1A9BWMfsytf1oy5h9mdputIXMPk9tL9pKZp+nthNtLbNj0BYz+6S2Dy2gMfvJX8EetFiwvWgrmv07tXq0siRa7EJb1Ox5arVoq5o9T60SbV2zerSFzZ7uswptZbOnqVWhLW32OLUatFi8GrSAlkYry6NtaTRmEVk0Zo/9nkNjVoEGLI/GK4/mOPNozPJozPJozCrQWOXRUOXRHGcejVkejVkFGqc8GqY8GqU8mgctj8asAo1RHg1RHs1x5tGY5dGYVaDxyaPhyaM5zjwaswo0OHk0Nnk0x5lHY5ZHY1aBBiaPZmh5NGYVaFjyaFTyaI4zj8asAo1JHg1JHs1x5tGYVaAByaPxyKM5zjwaswo0Gnk0Q8ujMatAY5FHQ5FHc5x5NGYVaCDyaBzyaI4zj8asAo1CHs3Q8mi/QIAGDRo0aIIGDRo0aIIGDRo0aIIGDRo0aIIGDRo0aIIGDRo0aIIGDRo0aIIGDRo0aIIGDRo0aIIGDRo0aIIG7ar+uL2FkO3h9g5Csj/vt/ub9xxSZg/3fwBvqhkhGdpJ1QAAAABJRU5ErkJggg==") left top no-repeat;
        margin-top: 3em;
        text-align: left;
        border-radius: 2%;
        padding-top: .5em;
        padding-bottom: .5em;
        padding-left: 3em;
    }

        .rimg-ltxt-back-text-stag h3 {
            text-decoration: none;
            font-size: 46px;
            font-weight: 300;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.1;
            letter-spacing: normal;
            color: var(--wtw-blue);
            margin: 19px 0px;
        }

    rimg-ltxt-back-text-stag .eyebrow {
        font-size: 22px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.89;
        letter-spacing: normal;
        color: var(--wtw-deep-blue);
        display: inline-block;
        margin: 18px 0px 0px;
    }
}


    @media only screen and (max-width: 1400px) {
        .rimg-ltxt-back-wrapper-stag {
            padding: 1em;
        }

        .rimg-ltxt-back-img-stag {
            width: 100%;
            padding-left: 0;
            margin-top: 3em;
        }

        .rimg-ltxt-back-text-stag {
            width: 100%;
            padding-right: 0;
        }

        .rimg-ltxt-back-title-stag {
            font-size: 30px;
        }
    }
    /*End right image, left text, with background*/

    /*Ribbon-Top*/

.ribbon-wrapper {
    position: relative;
    top: 25px;
    border-color: #a00;
    box-shadow: 0px 6px 5px -5px rgba(0, 0, 0, 0.5);

    margin-bottom: 2em;

}


.ribbon-wrapper h3{
color: white;
font-size: 20px;
margin-top: 5px;

}
    .ribbon-wrapper p {
        color: white;
    }

    .ribbon-wrapper .ribbon {
        position: absolute;
        text-align: center;
        background-color: var(--wtw-orange);
        width: 99%;
    }

.ribbon-wrapper .ribbon label {
            font-family: Hind, sans-serif;
            font-size: 20px;
            font-weight: 700;
            color: #fff;
            text-decoration: none;
            text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
            text-align: center;
            line-height: 30px;
            display: inline-block;

}
@media only screen and (max-width: 800px) {
    .ribbon-wrapper .ribbon label {
    line-height: 20px;
    font-size: 18px;
    }
}


/* New media query for smaller screens */
@media only screen and (max-width: 1400px) {
    .ribbon-wrapper {
        position: static;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        width: 100%;
    }

        .ribbon-wrapper .ribbon {
            position: relative;
            width: 100%;
        }

            .ribbon-wrapper .ribbon label {
                font-size: 16px;
                line-height: 24px;
                padding: 5px 0;
            }
}