/*@font-face {
    font-family: DinProCondensedBold;
    src: url("/fonts/DIN-Pro-Condensed-Bold.woff");
}*/

<link rel="stylesheet" href="https://use.typekit.net/pqn1gar.css" >

:root {
    --rtc-font: 'brandon-grotesque', sans-serif;
}

.grt {
    font-family: var(--rtc-font);
}

    .grt section.page-section.logo {
        margin-top: 0.4rem;
        margin-bottom: 1.0rem;
        margin-left: 20px;
        margin-right: 20px;
    }

@media only screen and (max-width: 640px) {
    .btyb-logo {
        float: initial !important;
    }
}

.btyb-logo {
    float: right;
}

.p4at-logo {
    float: left;
    width: 40%;
}

.grt section.page-section.logo .p4at-logo-rtc {
    visibility: visible;
}

@media only screen and (max-width: 45rem) {
    .p4at-head {
        padding-top: 10px;
        text-align: center;
    }

    .p4at-logo {
        float: none;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
}

.p4at-head-txt {
    padding: 35px 0px 0px 0px;
    float: right;
    text-align: right;
    width: 55%;
    text-transform: uppercase;
}

/*.grt section.page-section.logo .p4at-logo.rtc-main-logo {
    visibility: hidden;
}
*/
@media only screen and (max-width: 640px) {
    .grt section.page-section.logo .p4at-head-txt {
        /*padding-bottom: 15px;
            float: none;
            width: 90%;
            font-size: 11px;
            text-align: center;
            margin-top: -15px;
            margin: auto;*/
        visibility: hidden;
    }

    .grt section.page-section.logo .p4at-logo-rtc {
        margin-top: -2.4em;
    }

    .grt section.page-section.logo .p4at-logo.btyb-rtc {
        visibility: hidden;
    }

    .grt section.page-section.logo .p4at-logo.rtc-main-logo {
        padding-bottom: 15px;
        float: none;
        width: 50%;
        font-size: 11px;
        text-align: center;
        margin-top: -15px;
        margin: auto;
        visibility: visible;
    }

    .grt h2 {
        font-family: var(--rtc-font);
        text-align: center;
        color: #194B26;
    }

    .grt section.page-section.logo .p4at-logo.logo {
        width: 50%;
    }

    .grt section.page-section.logo .p4at-logo.p4at-head-rtc {
        visibility: hidden;
    }
}

.hero-text-header.container h2 {
    color: #ffffff;
}


@media (min-width: 641px) {
    .grt section.page-section.logo .p4at-head-txt {
        padding-top: 0px;
    }

    .grt h2 {
        font-family: var(--rtc-font);
        text-align: center;
        color: #194B26;
    }
}

.grt h1, .grt h3, .grt h4, .grt h5, .grt h6 {
    font-family: var(--rtc-font);
    text-align: left;
    color: #194B26;
}

.hero-text h4 {
    color:#FFFFFF;
}

@media only screen and (min-width: 45em) {
    .hero-text h1, .hero-text h2, .hero-text h3, .hero-text h5, .hero-text h6 {
        color: #ffffff
    }
}

.grt section.page-section.navigation {
    margin-top: 0.3rem;
}


.grt .hero {
    margin-bottom: 0rem;
}

.grt .hero-heading {
    font-family: var(--rtc-font);
}

.grt .last {
    margin-bottom: 0;
}

.grt p.last a.btn {
    padding: 0.8rem 2rem;
    margin-bottom: 0;
}

.grt .row {
    margin-top: 1.4rem;
    margin-left: 20px;
    margin-right: 20px;
}

.grt .col {
    margin-bottom: 0;
}

@media only screen and (min-width: 30em) {
    .col-third.col-double {
        width: 65%;
    }
}

.grt a, .grt a:hover {
    color: ##3ab1e5;
}

.grt #cssmenu {
    border-bottom: 4px solid #324766;
}

@media only screen and (min-width: 45em) {
    .grt #cssmenu {
        border-top: 8px solid #555555;
        padding: 0 0px;
        width: auto;
        font-family: var(--rtc-font);
        background: #f0f0f0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }
}


.grt #cssmenu ul li a {
    color: #324766;
    font-family: var(--rtc-font);
}

/*.grt #cssmenu ul li {
        display: inline-block;
        list-style: none;
        position: relative;
    }*/

.grt #cssmenu ul li.active a {
    color: #ffffff;
    background-color: #324766;
}

.grt #cssmenu ul li:hover a, .grt #cssmenu ul li a:hover {
    color: #ffffff;
    cursor: pointer;
    background-color: #324766;
}


@media only screen and (min-width: 45em) {
    .hero a {
        color: #ffffff;
    }
}

.grt a.btn.btn-cta {
    border-bottom: 4px solid #990000;
}

.grt a.btn.btn-primary {
    color: #ffffff;
    cursor: pointer;
    background-color: #9ACD32;
    border-color: #990000;
}

    .grt a.btn.btn-primary:hover {
        background-color: #008000;
    }

.grt section.grt-footer hr {
    border-top: 8px solid #555555;
    margin-bottom: 1.4rem;
}

.grt section.grt-footer .navigation {
    text-align: center;
    margin-bottom: 1.4rem;
}

.grt section.grt-footer .separator {
    margin-left: 0.3rem;
    margin-right: 0.3rem;
}

#grt-us-map {
    width: 700px;
    height: 500px;
    margin: 0 auto;
}

@media only screen and (min-width: 45em) {
    .grt-nav, .grt-nav li, .grt-nav li a {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        line-height: 1;
        display: block;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .grt-nav::after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

        .grt-nav li {
            display: inline-block;
        }

            .grt-nav li a {
                font-size: 18px;
                padding: 15px;
                text-decoration: none;
            }
}





@media only screen and (max-width: 45em) {
    .hero-text-header.container h2 {
        color: #000;
    }

    #cssmenu ul {
        background-color: #323231;
    }

    .grt #cssmenu li {
        border-bottom: 1px solid #323231;
        list-style: none;
        border-width: thin;
        /*margin-left: -1.8em;*/
        text-align: left;
    }

    .grt #cssmenu ul li:hover, #cssmenu ul li a:hover {
        color: #f0f0f0;
        cursor: pointer;
        background-color: #323231;
    }


    .grt #cssmenu ul li a {
        color: #f0f0f0;
        font-family: var(--rtc-font);
        background-color: #323231;
        text-align: left;
        font-weight: normal;
        font-size: 1em;
    }

    .grt #cssmenu ul li.active a {
        color: #f0f0f0;
        background-color: #323231;
    }

    .grt #cssmenu .nav-toggle {
        color: #f0f0f0;
        background-color: #323231;
    }

    #cssmenu ul li, #cssmenu.align-center, #cssmenu.align-right {
        border-top: none;
        border-top-color: transparent;
    }

    #cssmenu {
        font-family: var(--rtc-font);
    }
}