@charset "UTF-8";
/* CSS Document */

@import url("//hello.myfonts.net/count/3d8f44");
  
@font-face {
  font-family: "CrayonCrumble-Regular";
  src: url('../webFonts/CrayonCrumbleRegular/font.woff2') format('woff2'), url('../webFonts/CrayonCrumbleRegular/font.woff') format('woff');
}
.mobnav{display:block}.desknav{display:none}


#city-menu{background:#F0B622;}
.top-bar#city-menu, .top-bar#city-menu ul {
    background-color: #F0B622;
}
.top-bar#city-menu ul li {display:inline-block; width:fit-content; width:intrinsic; text-align:center;}
#city-menu .menu a, #city-menu .menu .button {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1em;
    color: #000000;
    text-align: center;
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 0.2rem 1.1rem 0rem 1.1rem;
    position: relative;
    display: flex;
    align-items: center;
    vertical-align: middle;
}
#city-menu .menu a:hover{
    color: #000000;
font-weight:900; -webkit-text-stroke:0px #000000; text-stroke:0px  #000000; text-shadow: 0px 0px #000000;
}

.top-bar ul {
width: 100%; display:flex;
margin: 0px auto; flex-direction:row!important; vertical-align:middle;
}

.top-bar ul li{display:flex; vertical-align:middle!important;}

.faq ul li{font-size:1em;}
.faq p{text-align:left; font-size:1.2em;}
.faq h3, .faq h4, .faq h5{text-align:left;}
.faq h2 {font-size:2.9em; margin-top:15px;margin-bottom:5px;}
.faq h3{font-size:1.9em; margin-top:25px;margin-bottom:10px;}

.announcement {
    color: #ffffff;
    weight: 300;
    text-transform: uppercase;
    font-size: 1.4em;
    text-align: center;
    width: 100%;
    padding: 8px 0px 4px 0px;
    line-height: 1;
}

@media print, screen and (min-width: 40em) {
	
	
.announcement {
    color: #ffffff;
    weight: 300;
    text-transform: uppercase;
    font-size: 2em;
    text-align: center;
    width: 100%;
    padding: 8px 0px 4px 0px;
    line-height: 1;
}
	
	.top-bar#city-menu ul li {display:inline-block; width:fit-content; width:intrinsic; text-align:left;} 
	#city-menu{background:#F0B622;}
.top-bar#city-menu, .top-bar#city-menu ul {
    background-color: #F0B622;
}
#city-menu .menu a, #city-menu .menu .button {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1.4em;
    color: #000000;
    text-align: center;
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 0.2rem 1.4rem 0rem 1.4rem;
    position: relative;
    display: flex;
    align-items: center;
    vertical-align: middle;
}
#city-menu .menu a:hover{
    color: #000000;
font-weight:900; -webkit-text-stroke:0px #000000; text-stroke:0px  #000000; text-shadow: 0px 0px #000000;
}



  .reveal, .reveal.tiny, .reveal.small, .reveal.large {
    right: auto;
    left: auto;
    margin: 0 auto; } 
   .mobnav{display:none}.desknav{display:block}
	
	
	.menu a, .menu .button {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.1em;
    color: #ffffff;
    text-align: center;
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 0.9rem 1.2rem 0.8rem 1.2rem;
    position: relative;
    display: flex;
    align-items: center;
    vertical-align: middle;
}
	
	.top-bar ul {
width: intrinsic;
width: fit-content;
margin: 0px auto;
}

		}