@media screen {
    body {
        background-color: #eeeeee;
        margin: 0;
        padding: 0;
        font-size: 100%;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        width: 100%;
    }
}

.container-95 {
    width: 95%;
}

.container-topbar {
    background-color: #ffffff;
    width: 100%;
    height: 100px;
}

.container-subnavigation {
    background-color: #f8f8f8;
    width: 100%;
    height: 50px;
}

.container-copyright {
    background-color: #f7f7f7;
    width: 100%;
    height: 25px;
}

.container-footer {
    background-color: #ffffff;
    width: 100%;
    height: 200px;
}

.container-footer-contact {
    background-color: #ffffff;
    width: 100%;
}

.container-contentarea-whitebg {
    background-color: #ffffff;
    width: 100%;
    height: 400px;
}

.whitebg-overlayimagebg {
    width: 65%;
    background-color: #ffffff;
    height: 300px;
}

.f7-overlayimagebg {
    width: 65%;
    background-color: #f7f7f7;
    height: 300px;
}

/***** MAIN TEXT STYLES *****/
ul {
    margin-top: 0px;
    list-style-type: square;
    line-height: 20px;
}

p {
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin-bottom: 0px;
    margin-top: 0px;
    line-height: 25px;
}

a {
    text-decoration: none;
}

    a:visited {
        text-decoration: none;
    }

    a:hover {
        text-decoration: none;
    }

.navigation {
    font-family: 'Heebo', sans-serif;
    font-size: 1.25em;
    font-variant: normal;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 0px;
    margin-top: 0px;
}

.navlink {
    color: #272727;
}

    .navlink:hover {
        color: #3685BE;
    }

    .navlink:visited {
        color: #ffffff;
    }

.navlink-active {
    color: #3685BE;
    text-decoration: underline;
}

.contactlink {
    color: #ff0000;
    font-weight: bold;
}

.contactlink-active {
    color: #ff0000;
    font-weight: bold;
    text-decoration: underline;
}

    .contactlink:hover {
        color: #3685BE;
        font-weight: bold;
    }

.contactlink-active:hover {
    color: #3685BE;
    font-weight: bold;
    text-decoration: underline;
}

    .contactlink:visited {
        color: #ff0000;
        font-weight: bold;
    }

.contactlink-active:visited {
    color: #ff0000;
    font-weight: bold;
    text-decoration: underline;
}

.subnavigation {
    font-family: 'Heebo', sans-serif;
    font-size: 1em;
    font-variant: normal;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 0px;
    margin-top: 0px;
}

.subnavlink {
    color: #272727;
    background-color: transparent;
    padding: 3px 5px 3px 5px;
}

    .subnavlink:hover {
        color: #ffffff;
        background-color: #878787;
        padding: 3px 5px 3px 5px;
    }

    .subnavlink:visited {
        color: #272727;
        background-color: transparent;
        padding: 3px 5px 3px 5px;
    }

.reviews-title {
    font-family: 'Nunito', sans-serif;
    font-size: 2em;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #878787;
    margin-bottom: 0px;
    margin-top: 8px;
}

.footer-getintouch {
    font-family: 'Nunito', sans-serif;
    font-size: 1.65em;
    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #000000;
}

.footer-phonenumber {
    font-family: 'Nunito', sans-serif;
    font-size: 1.35em;
    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #3685BE;
}

.footer-wwsname {
    font-family: 'Nunito', sans-serif;
    font-size: 1.25em;
    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #000000;
}

.footer-address {
    font-family: 'Nunito', sans-serif;
    font-size: 1.25em;
    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #878787;
}

.copyright {
    font-family: 'Nunito', sans-serif;
    font-size: 1em;
    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #878787;
}

.copyright-links {
    font-family: 'Nunito', sans-serif;
    font-size: 1em;
    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #878787;
}

    .copyright-links:hover {
        font-family: 'Nunito', sans-serif;
        font-size: 1em;
        font-weight: normal;
        font-variant: normal;
        font-style: normal;
        margin-bottom: 0px;
        margin-top: 0px;
        color: #3685BE;
    }

.copyright-links:visited {
    font-family: 'Nunito', sans-serif;
    font-size: 1em;
    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #878787;
}

h1 {
    font-family: 'Heebo', sans-serif;
    font-size: 3em;
    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    color: #ffffff;
    margin-top: 10px;
    margin-bottom: 0px;
}

.slogan {
    font-family: 'Heebo', sans-serif;
    font-size: 1.75em;
    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    color: #ffffff;
    margin-top: -10px;
    margin-bottom: 0px;
}

.text-usa {
    font-family: 'Heebo', sans-serif;
    font-size: 1.35em;
    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    color: #878787;
    margin-top: 10px;
    margin-bottom: 0px;
}

.text-link {
    font-family: 'Heebo', sans-serif;
    font-size: 1.05em;
    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    color: #3685BE;
    margin-top: 10px;
    margin-bottom: 0px;
}

    .text-link:visited {
        font-family: 'Heebo', sans-serif;
        font-size: 1.05em;
        font-weight: normal;
        font-variant: normal;
        font-style: normal;
        color: #3685BE;
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .text-link:hover {
        font-family: 'Heebo', sans-serif;
        font-size: 1.05em;
        font-weight: normal;
        font-variant: normal;
        font-style: normal;
        color: #878787;
        margin-top: 10px;
        margin-bottom: 0px;
    }

.subfine-usa {
    font-family: 'Heebo', sans-serif;
    font-size: 1.05em;
    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    color: #878787;
    margin-top: 10px;
    margin-bottom: 0px;
}

.subfine-link {
    font-family: 'Heebo', sans-serif;
    font-size: 1.05em;
    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    color: #878787;
    margin-top: 10px;
    margin-bottom: 0px;
}

.subfine-link:hover {
    font-family: 'Nunito', sans-serif;
    font-size: 1.05em;
    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    margin-bottom: 0px;
    margin-top: 10px;
    color: #3685BE;
}

.subfine-link:visited {
    font-family: 'Nunito', sans-serif;
    font-size: 1.05em;
    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    margin-bottom: 0px;
    margin-top: 10px;
    color: #878787;
}

.whitetext-usa {
    font-family: 'Heebo', sans-serif;
    font-size: 1.35em;
    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    color: #f0f0f0;
    margin-top: 10px;
    margin-bottom: 0px;
}

h2 {
    font-family: 'Heebo', sans-serif;
    font-size: 2em;
    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    color: #3685BE;
    margin-top: 0px;
    margin-bottom: 0px;
}

.list-usa {
    font-family: 'Heebo', sans-serif;
    font-size: 1.35em;
    font-weight: normal;
    font-variant: normal;
    font-style: normal;
    color: #878787;
    margin-top: 2px;
    margin-bottom: 2px;
}

/******** STATES BACKGROUND PICTURES ******************/
.container-bgimage-texascoastalbend-lower {
    background-image: url(bg/texas-lowercoastalbend01.jpg);
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 300px;
}

.container-bgimage-texascoastalbend-upper {
    background-image: url(bg/texas-uppercoastalbend01.jpg);
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 300px;
}

.container-bgimage-texas-riograndevalley {
    background-image: url(bg/texas-riograndevalley01.jpg);
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 300px;
}