/* GENERAL */
body { background-color: #fff; background-repeat: repeat-x; color: #5f6068; font-family: "Roboto Condensed",sans-serif; font-weight: 700; padding-top: 160px; }
h1,h2,h3,h4,h5,h6 { font-family: "Roboto", sans-serif; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
p { color: #5f6068; font-size: 1.3em;}
.padded { padding: 34px 3%; }
ul { margin-top: 24px; }
ul li { font-size: 1.3em; margin-bottom: 24px; }
ul li img { margin-right: 14px; width: 36px; }

h1 { color: #38A4A4; font-size: 40px; font-weight: lighter;}
h2 { color: #1B62AC; font-size: 2em; font-weight: 700; margin: 40px 0; }
h4 {color: #38A4A4; font-size: 25px; font-weight: lighter;}
h5 {color: #404040; font-size: 18px; }


.ribbon {margin-top: 20px;}
.ribbon p {font-size: 14px;}
.ribbon h4 {margin-top: 50px;}


.fas {font-size: 25px; margin-right: 15px; color: #38A4A4;}

/* HEADER */
#menu {height: 205px; position: fixed; top: 0; width: 100%; z-index: 1; }

.sitewrapper {background: url('../assets/images/header_bg.jpg') no-repeat top center; font-size: 14px; line-height: 1.357!important; font-family: 'Lato', sans-serif!important; color: #404040;}

#skipnav {position: absolute; top: 0px; left: 0px; z-index: 10;}
#skipnav a, #skipnav img {float: left;}

#siteheader { height: 100px; background: transparent; position: relative; margin: 0 auto; width: 1024px; }
#siteheader a#home_link { display: block; background: url('../assets/images/finalndotlogo.png') 0 0 no-repeat !important; top: 14px; overflow: hidden; position: absolute; text-indent: -4000px; height: 91px; left: 0; width: 168px;}
#siteheader > a.menu_trigger {display: none!important;}
#siteheader a.menu_trigger {background: url('../assets/images/menu.png') no-repeat scroll center center rgba(0, 0, 0, 0); cursor: pointer; height: 37px; left: 0; top: 0; position: absolute; overflow: hidden; text-indent: -4000px; width: 37px;}
#siteheader > a {float: left; line-height: 26px; font-weight: bold; text-decoration: none; display: block; width: 33.33%; height: 26px; color: white; text-align: center; font-size: 110%;}

#headercolumn {clear: both; float: none; width: auto; position: static; background-image: none!important; height: auto!important;}
#headercolumn #top_nav {display: block;}
#top_nav {color: #07314a; text-align: right; padding: 0 0 0 0; font-size: 13px;}
#top_nav a {color: white; font-size: 13px; margin: 9px 9px 0; text-decoration: none; position: relative; display: inline-block; transition-duration: 0.2s; }
#top_nav a:last-child {color: #e88156; border: 1px solid #e1581e; padding: 1px 5px 0; margin-right: 0; margin-left: 0;}

.column,.columns {
    padding: 0;
}

.new h3 {padding-top: 25px;}
.new p {width: 90%;}
.new img {width: 55%;}


.social_icons {text-align: right; margin: 27px 0 0 0; display: block; font-size: 12px;}
.social_icons a {margin-left: 8px; display: inline-block;}

#my-menu i { display: block; font-size: 1.5em; }
#my-menu a { background-color: #fff; background-image: url("../assets/images/bg-gradient-short.png"); background-repeat: repeat-x; background-position: -3px; border: 1px solid #7ea6af; border-width: 2px 1px; color: #3d6d7f; display: inline-block; font-family: "Roboto Condensed",sans-serif; font-size: 1em; height: 100%; padding: 8px; text-align: center; text-decoration: none; transition: .28s; width: 16.66%; }
#my-menu a:hover { height: 105%; margin: 0; box-shadow: 4px -1px 15px 0 #666; }


/* CONTENT */
#content {width: 80%; margin: 0 auto; margin-top: 50px;}

.home-page {
    max-width: 1200px;
}

/* HOME */
.home-intro img {
    width: 100%;
    max-width: 200px;
    height: auto;
}
p.fullscreen {width: 75%;}

/* BANNERS */
#header {width: 100%;}
#header img {width: 100%; margin: 0 auto; display: block;}

.TwoBheader {width: 35%!important;}

/* MAP */
.map { margin: 20px auto; padding: 0; position: relative; width: 100%;}

#map-area img { width: 55%; height: auto;}

#map-menu { background-color: #d1ecec; height: 100%; overflow: hidden; position: absolute; right: 0; top: 0; width: 45%; }
#map-menu > div h2 { background-color: #76665e; color: #fff; cursor: pointer; font-size: 1em; height: 44px; margin: 0; padding: 18px 22px 0; transition: background-color .2s; width: 100%; }
#map-menu > div h2 { font-size: 1em; height: 44px; padding: 12px 14px 0; }
#map-menu > div h2 i { border: 2px solid #fff; font-size: .45em; margin: -4px 12px 0 0; padding: 4px; vertical-align: middle; }
#map-menu > div:nth-of-type(2) h2 { background-color: #38a3a3; }
#map-menu > div:nth-of-type(3) h2 { background-color: #1861ac; }
#map-menu > div:nth-of-type(4) h2 { background-color: #75a942; }
#map-menu > div:nth-of-type(5) h2 { background-color: #D77759; }
#map-menu > div h2:hover { background-color: #5a4b43; }
#map-menu > div:nth-of-type(2) h2:hover { background-color: #258e8e; }
#map-menu > div:nth-of-type(3) h2:hover { background-color: #084c93; }
#map-menu > div:nth-of-type(4) h2:hover { background-color: #578728; }
#map-menu > div:nth-of-type(5) h2:hover { background-color: rgb(226, 101, 63); }
#map-menu > div > div { display: none; padding: 12px 18px; }
#map-menu > div > div h3 { color: #38a3a3; font-size: 1.1em; font-weight: 700; letter-spacing: .03em; }
#map-menu > div > div h3 img { margin: -2px 5px 0 0; }
#map-menu > div > div a { background-color: #38a3a3; box-shadow: 0 2px 4px 0 #999; color: #fff; display: inline-block; margin-bottom: 12px; margin-left: 32px; padding: 12px 15px; position: relative; transition: background-color .2s; width: 80%; }
#map-menu > div > div a span { font-size: .6em; letter-spacing: .03em; margin-top: -6px; position: absolute; right: 18px; top: 50%; }
#map-menu > div > div a span i { font-size: 1.6em; margin-left: 4px; vertical-align: middle; }
#map-menu > div > div a span.extra { display: block; margin: 0; position: static;  }
#map-menu > div > div a:hover { background-color: #228282; }
#map-menu > div > div.showing { display: block; overflow: auto; height: auto !important;}

#map-menu > div ul {
    margin-top: 5px;
}

#map-menu > div ul li {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}

.img-full {
    width: 100%;
    height: auto;
}

/* ANNOUNCEMENT */
.announcement {background-color: #e88156; height: 100%; outline: 5px solid white; outline-offset: -20px;}
.announcement h2 {color: white; width: 65%; text-align: center; margin: 0 auto; padding-top: 45px; padding-bottom: 25px;}
.announcement p {width: 65%; margin: 0 auto; padding-bottom: 25px;color: white; text-align: center;}
.announcement a {font-size: 30px; margin: 0 auto; display:block; text-align: center; color:#13375b; padding-bottom: 35px;}
.announcement a:hover {color: white; transition: 0.5s all;}

/* BENEFITS */
#benefits {text-align: center; height: auto;}
/* Giving this negative margin to account for white space on icons. */
#benefits h3 {font-weight: bold; text-align: center;}
#benefits .bottom-h3 h3 {margin-top: -30px;}
#benefits.phase-3-benefits h3, #benefits .benefits-row h3 {
    margin-bottom: -30px;
}
#benefits.phase-3-benefits p,  #benefits .benefits-row p {
    margin-top: -30px;
}

#benefits p {text-align: center; width: 75%; margin: 0 auto;}
#benefits .section {margin-top: 25px;}

#benefits .benefits-row h3 {font-size: 27px}

/* PHASES */
.phasebox1 {background-color: #38A3A3; height: 90px;}
.phasebox1:hover {background-color:#74acac; transition: 0.5s all;}
.phasebox1 h3 {color: white; text-align: center; padding-top: 3%;}

.phasebox2 {background-color: #1861AC; height: 90px;}
.phasebox2:hover {background-color: #5d84ac; transition: 0.5s all;}
.phasebox2 h3 {color: white; text-align: center; margin-bottom: 0; padding-top: 3%;}
.phasebox2 p {text-align: center; color: white;}

.phasebox3 {background-color: #75A942; height: 90px;}
.phasebox3:hover {background-color:#74acac; transition: 0.5s all;}
.phasebox3 h3 {color: white; text-align: center; padding-top: 3%;}


.iframe-container { overflow: hidden; padding-top: 56.25%; position: relative;}
.iframe-container iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}


/* RESOURCES */
#resources ul li {list-style-type: circle;}
#resources a {color: #38a3a3;}
#resources a:hover {color:#1861AC; transition: 0.5s all; }


/* PHASE 2B5 */
.infographic {margin-top: 100px;}

/* PHASE 3C */
.infographic2 {margin-top: 50px;}

/* NEWS */
.newsitem h3 span {color: lightgrey;}
p.newsbutton {border: 2px solid lightgrey; width: 35%; text-align: center;}
p.newsbutton:hover {background-color: darkgray; color: white; transition: 0.5s all; border: 2px solid black;}

/* CONTACT */
#contact {margin-top: 100px;}
.signup-container {background-color: #D77759; padding: 60px;}
.signup p {font-size: 25px; line-height: 30px; color: white; padding: 0 20px;}
.signup-button {display: inline-block; border: solid 1px white; padding: 10px;}
.signup-button p {text-align: center; color:white; padding: 0; margin: 0; margin-bottom: 20px;}
.signup-button:hover { background-color: #1861AC; transition: 0.5s all;}

#mc_embed_signup {
    text-align: center;
}

#mc_embed_signup input.email {
    width: 75% !important;
}

#mc_embed_signup input[type="submit"] {
    width: 20%;
}

#mc_embed_signup input.button{
    vertical-align: middle;
    padding: 0;
    border-radius: 10px;
    margin: 0;
}


.contact-container {background-color: #D1ECEC; width: 100%; padding: 60px;}
.contact-container h3 {color: #38A4A4; font-size: 30px; font-weight: bold; margin-bottom: 15px;}
.contact-container a {color: inherit;}
.contact-container a:hover {color: #38A4a4; transition: 0.5s all;}
.contact-container .contact-icon {height: 45px;}
.contact-container .contact-block { padding: 0 5%; }
.grayline {border-bottom: solid white 3px; width: 100%; margin-bottom: 20px;}

/* LIGHTBOX */
#lightbox { height: 100%; position: fixed; top: -100%; transition: top .85s; width: 100%; z-index: 3; }
#lightbox > span { background-color: rgba(35,35,35,.8); cursor: pointer; height: 100%; position: absolute; top: 0; width: 100%; }
#lightbox > span span { color: #fff; font-size: 3.6em; line-height: .4em; padding: 15px; position: absolute; right: 0; top: 0; z-index: 5; }
#lightbox div { box-shadow: 0 8px 15px 0 #000; margin: -120px auto 0; max-height: 80%; overflow: auto; position: relative; transform: rotateX(90deg) translateY(-160px); transition: .24s; width: 88%; }
#lightbox img { display: block; width: 100%; background-color: white; padding: 15px; }
img.lightbox:hover { cursor: pointer; box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.5); transition: 0.5s all;}
#lightbox.on { top: 0; }
#lightbox.on div { margin-top: 50px; transition: .8s ease-out .32s; transform: rotateX(0deg) translateY(0px); }
.slide img.lightbox { cursor: pointer; margin-bottom: 18px; }

/* NEVADA FOOTER */
#footer {padding-top: 40px; padding-bottom: 30px; float: right;}
#footer img {height: 80px; padding: 0 30px 0 0;}

.no-bg-on-me-please {background: none; clear: both;}
#page_footer {clear:both; font-size: 100%; background: transparent; padding: 0; margin-bottom: 0px; overflow: hidden;}
#page_footer #footercolumn {margin: 0 auto; position: relative; padding: 0; color: white; width: 100%; float: none;}

#page_footer .footer_top {background-image: url('../assets/images/footer_bg.jpg'); background-repeat: no-repeat; background-size: cover;background-position: top center; padding: 16px 0 0;}
.container {width: 1024px; margin-left: auto; margin-right: auto; padding: 0; position: relative;}
#page_footer .footer_address { text-align: left; width: 39%; float: left; margin: 10px auto 0 auto;}
#page_footer .footer_address > a {display: inline-block; width: auto;}
#page_footer .footer_address img {margin-bottom: 0; margin-right: 20px; display: inline-block; vertical-align: middle; transition-duration: 0.2s;}
#page_footer .footer_address div {display: inline-block; vertical-align: middle;}
#page_footer a {margin: 0; color: white; text-decoration: none;}
#page_footer .footer_contact {text-align: left; width: 30%; float: left; margin-top: 14px;}
#page_footer .footer_contact a, #page_footer .footer_cotnact > a, #page_footer .footer_info >a {display: inline-block; width: auto; margin: 0;}#page_footer .footer_contact img {margin-bottom: 0; margin-right: 11px; display: inline-block; vertical-align: middle; margin: 0 auto 10px;}#page_footer .footer_contact div {display: inline-block; vertical-align: middle;}
#footercolumn p {color: white; font-weight: lighter; font-size: 14px; margin: 0; clear:both; }
.content_area {padding: 12px 0 0 0;}
#page_footer .footer_info {text-align: left; width: 30%; float: left; margin: -14px 0 20px 0;}
#page_footer .footer_contact img {margin-bottom: 0; margin-right: 7px; display: inline-block; margin: 0 auto 10px; vertical-align: middle; width: auto; transition-duration: 0.2s;}
#page_footer .footer_info div {display: inline-block; vertical-align: middle;}

#page_footer .footer_bottom {padding: 7px 0; background-color: #0b1c33; position: relative; text-align: center;}
#page_footer .footer_nav {background: none; padding: 0; margin-bottom: 10px; }
#page_footer .footer_nav a {font-weight: lighter; display: inline-blcok; margin: 0 13px; font-size: 13px; color: white; text-decoration: none;}
#page_footer .footer_copyright {display: none; margin-bottom: 10px; color: white; }
#page_footer .footer_copyright a {color: #e88156;}


/* Accordions */
.accordion-set { margin-bottom: 20px; }
.accordion-set h3 {font-family: "Roboto", sans-serif;}
.accordion-header { cursor: pointer; padding: 8px 8px; text-align: left; width: 100%; }
.accordion-header i { font-size: .5em; margin-left: 12px; transition: .45s; vertical-align: middle; }
.opened .accordion-header i { margin-top: -4px; transform: rotate(180deg); }
.accordion > div { padding: 0 1%; }
button {background-color: #38A4A4; font-family: "Roboto", sans-serif; }

#benefits .small-6 {display: inline-block; padding-right: 20px;}
#benefits .small-6 div {margin-bottom: 25px;}
.b-icon {width: 35%; display: inline-block; margin-right: 2%;}
.b-icon img {width: 100%!important; vertical-align: top;}
.b-text {width: 62%; display: inline-block; vertical-align: top;}
.b-text h3 {text-align: left!important; margin-bottom: 0px;}
.b-text p {text-align: left!important; width: 100%!important; font-size: 1.1em;}

#resources ul li p {font-size:1rem;}

/* FLEXBOX */
.flex-row {
    display: flex;
    flex-wrap: wrap;
}

.flex {
    display: flex;
}

.justify-center {
    justify-content: center;
}

.justify-around {
    justify-content: space-around;
}

.align-center {
    align-content: center;
}

.align-end {
    align-content: end;
}

.flex-4 {
    width: 25%;
}

.flex-3 {
    width: calc(100% / 3);
}

.flex-2 {
    width: 50%;
}

.flex-1, .w-100 {
    width: 100%;
}

.w-75 {
    width: 75%;
}

.w-65 {
    width: 65%;
}

.w-50 {
    width: 50%;
}

.w-42 {
    width: 42%;
}

.w-35 {
    width: 35%;
}

.w-25 {
    width: 25%;
}

.text-center {
    text-align: center;
}

/* ANIMATIONS */
.animation-element {
    opacity: 0;
    position: relative;
    transition: 0.5s ease-in-out;
}

.animation-element.in-view{
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}


.animation-element.delay-1 {
    transition-delay: 0.1s;
}

.animation-element.delay-2 {
    transition-delay: 0.2s;
}

.animation-element.delay-3 {
    transition-delay: 0.3s;
}

.animation-element.delay-4 {
    transition-delay: 0.4s;
}

.animation-element.delay-5 {
    transition-delay: 0.5s;
}

.news-and-events {
    padding-left: 20px;
}

.news-and-events h2{
    font-size: 2em;
    border-bottom: 2px solid #1B62AC;
    display: inline-block;
    margin-top: 0.2rem;
    margin-bottom: 20px;
    
}

.news-and-events .news-link {
    color: #D77759;
    transition: 0.25s ease-in-out;
    transition-property: all;
    transition-duration: 0.25s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    font-size: 16px;
    line-height: 18px;
    display: block;
    margin-bottom: 15px;
}

.news-and-events .news-link:hover {
    color: #1861AC;
}

.notice-banner {
    background-color: #e31212;
    padding: 20px;
    color: #FFF;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    display: block;
    width: 100%;
    transition: all 0.5s ease-in-out;
    margin-bottom: 25px;
}

a.notice-banner:hover {
    background-color: #b60f0f;
    color: #FFF;
}

.notice-banner .subtext {
    display: block;
    text-align: center;
    text-transform: capitalize;
    font-size: 18px;
}

.vert-mar-20 {
    margin: 20px 0;
}

.normal-list {
    font-weight: normal;
}

.normal-list li {
    margin-bottom: 1px;
    line-height: 1.4em;
}

.phase-map {
    text-align: center;
}

.phase-map img {
    max-width: 800px;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 1430px) {
    #map-menu > div > div h3 { font-size: .9em;}
    #map-menu > div > div a { font-size: .9em; margin-bottom: 8px; padding: 4px 12px 8px; }
    #map-menu > div > div a span { right: 10px; }
    #map-menu > div > div a span.extra { line-height: .7em;  }

    .contact-container h3 {font-size: 2vw;}
    #benefits .benefits-row h3 {font-size: 1.8vw;}
    
    .news-and-events h2{
        font-size: 1.75vw;
    }

}

@media screen and (max-width: 1200px) {
    p {font-size: 18px;}
    h3 {font-size: 1.5rem;}
    h2 {font-size: 25px;}
}

@media screen and (max-width: 1120px) {
    #map-menu > div > div a { font-size: .75em; margin: 0 0 8px; padding: 2px; text-align: center; width: 100%;  }
    #map-menu > div > div a span { display: none; }
    #map-menu > div > div a span.extra { padding-bottom: 5px; }
    }

 @media screen and (max-width: 1024px) {
    .container {width:100%;}
    p {font-size: 16px;}
    #benefits img {width: 100%;}
    #benefits h3, #benefits .benefits-row h3 {font-size: 20px;}
    #benefits .section {margin-top: 20px;}
    .cost img {width: 100%;}
    .TwoBheader {width: 55%!important;}

 }   

@media screen and (max-width: 992px) {
    #siteheader { width: 96%; max-width: 100%; position: relative; }
    #top_nav { line-height: .7em; position: absolute; right: 0; top: 5px; width: 60%; }
    #top_nav a:last-child { line-height: 1.4em; }
    .social_icons { position: absolute; bottom: 10px; right: 0;  }

    #about-offset { position: static; width: 100%; }
    #about-offset img { max-width: 380px; }

    #page_footer .footer_nav a {margin: 5px 11px 2px 3px;}
}

@media screen and (max-width: 950px) {
    #map-menu > div h2 { font-size: .8em; height: 32px; padding: 8px 14px 0; }
    #map-menu > div > div h3 { display: none; }
    #map-menu > div > div a span.extra { font-size: .8em; }

    .container {height: auto;}
    #page_footer .footer_address {width: 30%;}
    #page_footer .footer_address a {margin: 0 auto; display: block;}
    #page_footer .footer_address img {margin: 0 auto; display: block;}
    #page_footer .footer_address div {margin: 0 auto; width: 100%;}
    #footercolumn p {font-size: 12px; text-align: center;}

    #page_footer .footer_contact {margin-top: 5px; width: 30%;}
    #page_footer .footer_contact a {margin: 0 auto; display: block;}
    #page_footer .footer_contact img {margin: 0 auto; display: block;}
    #page_footer .footer_contact div {margin: 0 auto; width: 100%;}

    #page_footer .footer_info {margin-top: 0px; width: 30%;}
    #page_footer .footer_info a {margin: 0 auto; display: block;}
    #page_footer .footer_info img {margin: 0 auto; display: block; width: 20%; }
    #page_footer .footer_info div {margin: 0 auto; width: 100%;}


    /* Mid size Flex  */
    .md_flex-3 {
        width: calc(100% / 3);
    }
    
    .md_flex-2 {
        width: 50%;
    }
    
    .md_flex-1 {
        width: 100%;
    }

    .md_vert-mar-20 {
        margin: 20px 0;
    }

    .contact-container .contact-block {
        margin-bottom: 25px;
    }

    .contact-container h3 {
        color: #38A4A4;
        font-size: 24px;
    }

    .news-and-events h2{
        font-size: 25px;
        margin-top: 20px;
    }

    .news-and-events {
        padding-left: 0;
    }
}


@media screen and (max-width: 740px) {
    #map-area img {
        width: 100%;
    }
    #map-menu { height: auto;  left: 0; top: 100%; width: 100%; position: relative;}
    #map-menu > div > div { height: auto !important; }

    #map-menu > div > div.showing { max-height: 200px !important;}
}


@media screen and (max-width: 640px) {
    .home-intro p {width: 100%;}
    p.fullscreen {width: 100%;}

    #my-menu a {height: 92px; vertical-align: top; font-size: 12px;}
    
    #header .announcement h1 {color: white; text-align: center; padding-top: 35px; width: 80%; margin: 0 auto;}
    /* .announcement {height: 340px;} */

    .announcement p {color: white; text-align: center; width: 80%; margin: 0 auto; font-size: 18px; padding-top: 20px;}

    p.newsbutton {border: 2px solid lightgrey; width: 40%; text-align: center;}
    .TwoBheader {width: 75%!important;}

    .no-bg-on-me-please { clear: both; }
    #siteheader { position: relative;width: 100%; }
    #siteheader a#home_link { height: 76px; left: 2%; }
    #top_nav a:last-child { line-height: .7em; }
    #headercolumn { background-color: #13375b; }
    #headercolumn #top_nav { display: block; margin: 3px 8px; text-align: right; }
    #headercolumn #top_nav a { color: #fff; display: inline-block; font-size: .85em; line-height: .9em; padding: 3px 6px; text-decoration: none; }
    .social_icons { bottom: 8px; margin: 0 14px; }

    #header img[src*="Blue NDOT"] { display: none; margin: 0 auto 12px; position: static; }
    #header h1 { font-size: 1.2em; line-height: 1em; text-align: center; padding-top: 18px; width: 100%; }


    #benefits h3 {padding-top: 25px;}
    #benefits p {width: 100%;}
    #benefits img {width: 70%;}
    #benefits .section {margin-top: 30px;}
    #contact {margin-top: 100px;}

    .contact-container p {font-size: 18px;}
    .contact-container h3 {color: #38A4A4; font-size:24px;}

    .container {height: auto;}

    #footer img {height: 50px; padding: 0 30px 0 0;}
    #page_footer .footer_contact {width: 100%; margin: 0; margin-bottom: 15px;}
    #page_footer .footer_address {width: 100%; margin: 0;margin-bottom: 15px;}

    #page_footer .footer_info {width: 100%; margin: 0;margin-bottom: 15px;}
    .content_area {width: 100%;}
    #page_footer .footer_nav a{width: 100%; margin: 0; padding: 10px;}

}


@media screen and (max-width: 500px) {
    #headercolumn #top_nav { display: none; }
    .social_icons { display: none; }

    #header { height: auto; }
    #header img[src*="lv-bg"] { height: 70px; position: static; width: auto; }

    #page_footer .container div { font-size: .8em; text-align: center; }
    #page_footer .footer_info img,
    #page_footer img { display: none;}
    #page_footer .footer_nav  { line-height: 1em; padding: 4px 6px; }
    #page_footer .footer_nav a { font-size: 1.1em; }
    #page_footer .footer_nav a:before { display: none; }

    #mc_embed_signup input{
        width: 100%;
    }

    /* Mobile Flex  */
    .sm_flex-3 {
        width: calc(100% / 3);
    }
    
    .sm_flex-2 {
        width: 50%;
    }
    
    .sm_flex-1 {
        width: 100%;
    }

    .contact-container, .signup-container {
        padding: 30px 15px;
    }

    .materials-row img {
        margin-bottom: 20px;
    }

    .notice-banner {
        padding: 15px;
        font-size: 16px;
        margin-bottom: 20px;
    }
    
    .notice-banner .subtext {
        font-size: 14px;
        line-height: 16px;
        text-align: left;
    }

}


@media screen and (max-width: 354px) {
    .announcement p {font-size: 16px;}
}