.site-h1 {
    text-align: center;
    font-size: 3em;
    margin-top: 0px;
}

.footer-li {
    padding-bottom: 4px !important;
}

#header {
    grid-area: header;
}

#header {
    font-family: 'Roboto', sans-serif;
    background-color: #f5f5f5;
}

#header_img {
    width: auto;
    height: auto;
}

#hero-area img {
    width: 100%;
    height: auto;
}

#hero-area {
    margin-bottom: 4%;
}

ul {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    height: 100%;

}

li {
    padding: 1px;
}

.header_ul img {
    margin-bottom: -77px;
    margin-left: 105px;
}

li a {
    color: #000;
    font-weight: bold;
}

#myLinks {
    float: right;
    margin-right: 2%;
    margin-top: 7px;
}

@-moz-document url-prefix() {
    #myLinks {
        margin-top: 7px;
    }
}

#firstnav {
    margin-right: 0;
}

.nav-item {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    color: white;
}

.nav-item2 {
    display: inline-block;
    text-align: left !important;
    position: relative;
    margin-right: 10px;
}

.nav-item::after {

    content: '';
    display: block;
    margin: auto;
    height: 3px;
    width: 0;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
}

.nav-item2::after {

    content: '';
    display: block;
    margin: auto;
    margin-top: 3px;
    height: 3px;
    width: 0;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;

}

.nav-item:hover::after,
.nav-item:focus::after {
    width: 100%;
    background: #31BEBA;
}

.nav-item2:hover::after,
.nav-item2:focus::after {
    width: 100%;
    background: white;
}

.topnav .nav-item2:focus {
    text-align: left;
}

.dropbtn p {
    margin-bottom: 19px;
    margin-right: 10px;
}


.dropdown {
    position: relative;
    display: inline-block;
    font-size: 17px;
}

.dropdown-content {
    display: none;
    position: absolute;
    /*background-color: #242424;*/
    background: rgb(21, 21, 21);
    z-index: 1;
    width: 95%;
    justify-items: center;
    justify-content: center;
}

.dropdown-content:hover::after,
.dropdown-content:focus::after {
    background: white;
    display: grid;
}

.dropdown-content a {

}

.dropdown:hover > .dropdown-content,
.dropdown:focus-within > .dropdown-content {
    display: grid;
}

.dropdown:hover > .dropdn-head::after,
.dropdown:focus-within > .dropdn-head::after,
.dropdown-content:focus-within ~ .dropdn-head::after {
    width: 100%;
    background: #31BEBA;
}

.dropdn-head:hover ~ .dropdown-content,
.dropdn-head:focus ~ .dropdown-content {
    display: grid;
}


.dropdown-content:focus-within > a {
    display: grid !important;
}


/* Change the link color on hover */

.main-content {
    margin-left: 5%;
    margin-right: 5%;
}


#container {
    font-family: 'Roboto', sans-serif;
    position: relative;
    min-height: 100vh;

}

footer li {
    list-style-type: none;
}

footer {
    background-color: #242424;
    width: 100%;
    height: auto;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.footer-grid-container a, .footer-grid-container h1, .footer-grid-container h2, .footer-grid-container h3, .footer-grid-container p, .footer-li {
    color: white;
    line-height: 1.5em;
}


label, .footer-li {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #FFF;
    font-weight: bold;
}

.narrow {
    margin-top: 0;
    margin-bottom: 0;
}

.plain-list {

    list-style: none;
    color: #FFF;
}

.plain-list a {
    text-decoration: none;
    font-weight: bold;

}

.plain-list a:hover, a:focus {
    outline: none;
    text-decoration: underline;
}


.footer-grid-container {
    display: grid;
    grid-template-columns: auto auto auto;
    align-items: center;
}

.logo-section-grid {
    display: inline-grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    grid-column: 1;
    grid-row: 1;
    padding: 0em 3em 1em 1em;
}

#footer img {
    max-width: 100%;
    height: auto;
}

#copyinfo {
    grid-column: 1;
    grid-row: 2;
    text-align: center;
    margin-top: -55px;
    margin-left: -20px;
}

.about-section {
    display: inline-grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    padding-top: 2em;
    padding-bottom: 2.0em;
    grid-column: 2;
    grid-row: 1;

}

.about-links {
    grid-column: 1;
    grid-row: 1/3;
    border-left: #fff solid 2px;
    padding-top: -1em;
    padding-right: 1em;
    padding-left: 30px;
}

#re-ex-logo {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    grid-column: 1/3;
    grid-row: 1;
}

#re-ex-logo:focus {
    outline: #ffffff auto 1px;
}

.addr-section {
    display: inline-grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    padding-top: 2em;
    padding-bottom: 2.0em;
    grid-column: 3;
    grid-row: 1;

}

.addr {
    grid-column: 1/3;
    grid-row: 1/3;
    border-left: #fff solid 2px;
    padding-top: -1em;
    padding-right: 1em;
    padding-left: 30px;
    height: 115px;
}


/*NEW CODE 10/24/2019*/

.topnav {
    background-color: #242424;
}

/* Style the links inside the navigation bar */

.topnav a {
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

#re-ex-logo a:focus > img {
    outline: 2px white solid;
}

.start {
    margin-left: 25px;
    padding: 0 !important;
    display: inline-grid;
    margin-top: 3px;
    margin-bottom: 3px;
}

.start:focus {
    outline: 2px solid white;
}

#google_tag {
    display: none;
    visibility: hidden;
}

@media only screen and (max-width: 1250px) {
    .footer-grid-container {
        grid-template-columns: auto auto auto;
        /*font-size: x-small;*/
    }

    #re-ex-logo {
        width: 250px;
    }

}

/*@media only screen and (max-width: 1200px) {*/

/*}*/

/*@media only screen and (max-width: 1060px) {*/
/*    #myLinks {*/
/*        margin-right: 2%;*/
/*    }*/
/*}*/

/*@media only screen and (max-width: 1024px) {*/
/*    .topnav a {*/
/*        padding: 14px 6px;*/
/*    }*/

/*    #firstnav {*/
/*        margin-right: 5px;*/
/*    }*/

/*    !*a.nav-item2 {*!*/
/*    !*    padding-left: 15px;*!*/
/*    !*}*!*/
/*    #re-ex-logo {*/
/*        width: 209px;*/
/*    }*/
/*}*/

/*@media only screen and (max-width: 960px) {*/
/*    .topnav a {*/
/*        font-size: 1em;*/
/*        padding: 14px 2px;*/
/*    }*/

/*    #myLinks {*/
/*        margin-right: 2%;*/
/*        !*margin-top: 2px;*!*/
/*    }*/

/*    @-moz-document url-prefix() {*/
/*        #myLinks {*/
/*            margin-top: 2px;*/
/*        }*/
/*    }*/

/*    !*a.nav-item2 {*!*/
/*    !*    padding-left: 15px;*!*/
/*    !*}*!*/
/*}*/

/*@media only screen and (max-width: 900px) {*/
/*    .topnav a {*/
/*        font-size: 17px;*/
/*    }*/

/*    .dropdown {*/
/*        font-size: 0.7em;*/
/*    }*/

/*    !*#myLinks {*!*/
/*    !*    margin-top: 10px;*!*/
/*    !*}*!*/
/*    @-moz-document url-prefix() {*/
/*        #myLinks {*/
/*            margin-top: 7px;*/
/*        }*/
/*    }*/

/*    .dropbtn p {*/
/*        margin-bottom: 25px;*/
/*        margin-right: 10px;*/
/*    }*/

/*    a.nav-item2 {*/
/*        padding-left: 12px;*/
/*    }*/
/*}*/

/*@media only screen and (max-width: 840px) {*/


/*    #firstnav {*/
/*        margin-right: 10px;*/
/*    }*/

/*    .start {*/
/*        margin-bottom: 10px;*/
/*        margin-top: 10px;*/
/*    }*/

/*}*/


/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 1200px) {

    #myLinks {
        margin-right: 2%;
    }

    #firstnav {
        margin-right: 5px;
    }

    #re-ex-logo {
        width: 209px;
    }

    .topnav a {
        font-size: 17px;
        padding: 14px 2px;
    }

    #myLinks {
        margin-right: 2%;
        /*margin-top: 2px;*/
    }

    @-moz-document url-prefix() {
        #myLinks {
            margin-top: 5px;
        }
    }

    .dropdown {
        font-size: 0.7em;
    }

    .dropbtn p {
        margin-bottom: 25px;
        margin-right: 10px;
    }

    a.nav-item2 {
        padding-left: 12px;
    }

    #firstnav {
        margin-right: 10px;
    }

    .start {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .dropdn-head::after, .dropdn-head:active {
        transition: none;
        background: none;
        content: none;
    }

    a.nav-item2 {
        margin: 0;
        padding-left: 0;
    }

    .dropdown {
        display: inline-block;
        width: 100%;
    }

    .dropdown-content {
        /*display: grid;*/
        background-color: rgb(56 56 56);
        position: relative;
        width: 100%;
        justify-content: center;
        justify-items: center;
    }

    .nav-item2 {
        padding-bottom: 4px !important;
    }

    .dropbtn {
        width: 95%;
        display: none;
    }

    .dropdown:hover .dropdown-content {
        display: grid;
    }

    .nav-item2 {
        margin-right: 0;
    }

    .topnav {
        overflow: hidden;
        background-color: #242424;
        position: relative;
        display: grid;
    }

    .topnav #myLinks {
        display: none;
        float: none;
    }

    .topnav a {
        color: white;
        text-decoration: none;
        font-size: 17px;
        /*display: inline-block;*/
        text-align: center !important;
        padding: 8px 0px;
    }

    .topnav .nav-item {
        width: 100%;
    }

    .nav-item:hover {
        transition: none !important;
        background: none;
    }

    .nav-item:hover:after {
        width: 0;
        background: none;
    }

    .nav-item:active {
        background: none;
    }

    .nav-item2:hover {
        transition: none !important;
    }

    .nav-item2:hover:after {
        width: 0;
    }

    .topnav button.icon {
        position: absolute;
        right: 30px;
        top: 15px;
        display: inline-flex;
        justify-content: center;
        align-items: center;

    }

    .fa-bars {
        padding-top: 2px;
    }

    .fa {
        font-size: 20pt !important;
    }

    /*
    .topnav a:hover {
      background-color: #ddd;
      color: black;
    }

    .active {
      background-color: #4CAF50;
      color: white;
    }*/
    #myLinks {
        margin-right: 0;
        margin-top: 0 !important;
        padding-top: 10px;
        padding-bottom: 10px;
        background: rgb(21, 21, 21);
    }

    .start {
        width: min-content;
    }

    /* Footer Mobile */
    .footer-grid-container {
        grid-template-columns: auto;
        /*font-size: small;*/
    }

    .footer-last-item {
        padding-bottom: 10px;
        width: 100px;
    }

    .logo-section-grid {
        padding: 3em 3em 0em 1em;
        margin-left: 3%;
    }

    #re-ex-logo {
        /***** grid-column: 1; *****/
        grid-column: 1/3;
        grid-row: 1;

        text-align: center;
        width: 209px;
        margin-right: auto;
        margin-left: 0;
    }

    #copyinfo {
        grid-column: 1;
        grid-row: 4;
        text-align: left;
        padding-left: 17px;
        margin: 0 0 0 3%;
    }

    .about-section {
        grid-column: 1;
        grid-row: 2;

    }

    .about-links {
        grid-column: 1;
        text-align: left;
        border: none;
        padding-left: 18px;
    }

    .addr-section {
        grid-column: 1;
        grid-row: 3;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

    .addr {
        text-align: left;
        border: none;
        margin-left: 3%;
        padding-left: 17px;
        margin-top: 12px;
        height: auto;
    }

    .about-section {
        padding-bottom: 0px;
        margin-left: 3%;
    }

    ul.content-ul {
        list-style-type: circle;
    }

    ul.content-li {
        color: black;
        list-style-type: circle;
    }

    .dropdown-content {
        padding-left: 0;
    }

    #login {
        padding-top: 10px;
    }

    .topnav {
        padding-bottom: 0;
    }
}

/*@media only screen and (max-width: 510px) {*/
/*    !*footer stuff*!*/
/*    .footer-grid-container {*/
/*        grid-template-columns: auto;*/
/*        font-size: small;*/
/*    }*/

/*    .footer-last-item {*/
/*        border-bottom: 2px solid white;*/
/*        padding-bottom: 10px;*/
/*        width: 100px;*/
/*    }*/

/*    .logo-section-grid {*/
/*        padding: 3em 3em 0em 1em;*/
/*        margin-left: 3%;*/
/*    }*/

/*    #re-ex-logo {*/
/*        !***** grid-column: 1; *****!*/
/*        grid-column: 1/3;*/
/*        grid-row: 1;*/

/*        text-align: center;*/
/*        width: 209px;*/
/*        margin-right: auto;*/
/*        margin-left: 0;*/
/*    }*/

/*    #copyinfo {*/
/*        grid-column: 1;*/
/*        grid-row: 4;*/
/*        text-align: left;*/
/*        padding-left: 32px;*/
/*        margin: 0;*/
/*    }*/

/*    .about-section {*/
/*        grid-column: 1;*/
/*        grid-row: 2;*/

/*    }*/

/*    .about-links {*/
/*        grid-column: 1;*/
/*        text-align: left;*/
/*        border: none;*/
/*        padding-left: 18px;*/
/*    }*/

/*    .addr-section {*/
/*        grid-column: 1;*/
/*        grid-row: 3;*/
/*        padding-top: 0.5em;*/
/*        padding-bottom: 0.5em;*/
/*    }*/

/*    .addr {*/
/*        text-align: left;*/
/*        border: none;*/
/*        margin-left: 3%;*/
/*        padding-left: 17px;*/
/*        margin-top: 12px;*/
/*    }*/

/*    .about-section {*/
/*        padding-bottom: 0px;*/
/*        margin-left: 3%;*/
/*    }*/

/*    ul.content-ul {*/
/*        list-style-type: circle;*/
/*    }*/

/*    ul.content-li {*/
/*        color: black;*/
/*        list-style-type: circle;*/
/*    }*/

/*    .dropdown-content {*/
/*        padding-left: 0;*/
/*    }*/

/*    #login {*/
/*        padding-bottom: 15px !important;*/
/*        padding-top: 10px;*/
/*    }*/

/*    .topnav {*/
/*        padding-bottom: 0;*/
/*    }*/
/*}*/

@media screen and (max-width: 375px) {

    #header_img {
        height: 50px;
    }

}

@media screen and (max-width: 320px) {

    /*.topnav .nav-item {*/
    /*    width: 100%;*/
    /*}*/
    /*#header_img {*/
    /*    width: 60%;*/
    /*    margin-left: 4px;*/
    /*}*/
    /*.dropdown-content {*/
    /*    margin-left: -5px;*/
    /*}*/
}

*