@font-face {
	font-family: Roboto;
	font-weight: normal;
	font-style: normal;
	src: url('/resources/fonts/Roboto/static/Roboto-Regular.ttf') format('truetype');
}
@font-face {
	font-family: Roboto;
	font-weight: bold;
	font-style: normal;
	src: url('/resources/fonts/Roboto/static/Roboto-Bold.ttf') format('truetype');
}
@font-face {
	font-family: Roboto;
	font-weight: normal;
	font-style: italic;
	src: url('/resources/fonts/Roboto/static/Roboto-Italic.ttf') format('truetype');
}
@font-face {
	font-family: Roboto;
	font-weight: bold;
	font-style: italic;
	src: url('/resources/fonts/Roboto/static/Roboto-BoldItalic.ttf') format('truetype');
}
html {background: #fff; height: 100%; scroll-behavior: smooth;}
body {color: #000; font-family: Roboto, Verdana, Arial, sans-serif; font-size: 18px; margin: 0; min-height: 100%; padding: 0; position: relative; width: 100%;}
a {text-decoration: none;}
a:not(.btn), .map-link span, .scroll, a h3 {border-bottom: solid 1px #60348f; padding-bottom: 2px;}
a, a:hover, a:visited {color: inherit;}
a.btn::hover, a.btn:visited {text-decoration: none;}
hr {color: #f2f2f2;}
li {margin-bottom: 1em;}
.section {margin-bottom: 15px; max-width: 100%;}
#info {background: rgba(0,0,0,.4); display: block; height: 100%; left: 0; position: fixed; text-align: center; top: 0; -ms-transition: opacity .5s; -webkit-transition: opacity .5s; transition: opacity .5s; width: 100%; z-index: 1000}
#info_box {background: white; border: 1px solid gray; border-radius: 6px; box-shadow: 4px 4px 8px 0 black; display: inline-block; margin: 0 auto; max-width: 500px; position: relative; top: -100%; -ms-transition: top 1s; -webkit-transition: top 1s; transition: top 1s; width: 90%; z-index: 1001;}
#logo img {height: 4em; margin-right: 15px;}
#logo div:nth-child(2) {font-family: Roboto, Goudy Old Style, Verdana; font-size: 2.4em;}
#splash {margin: 0 auto; max-width: 100%; position: relative; width: 1920px;}
#splash .cover {height: 100%; position: absolute; top: 0; width: 100%; z-index: 5;}
#banner {color: #fff; font-size: 3em; margin-top: 10%; padding-right: 20px; text-align: right; text-shadow: 2px 2px #000;}
#header {background: #fff; box-sizing: border-box; height: 120px; padding: 10px; position: fixed; width: 100%; z-index: 10;}
#header-right {font-size: 1.25em; padding-right: 10px;}
#header, #logo, #logo img, #logo div, #main {transition: all .5s;}
body.header-collapse #header {border-bottom: solid 1px #ccc; height: 90px;}
body.header-collapse #logo img {height: 44px;} 
body.header-collapse #logo div:nth-child(2) {font-size: 2em;}
body.header-collapse #main {top: 90px;}
.content {max-width: 1200px; margin: 0 auto;}
#main {box-sizing: border-box; position: absolute; top: 120px; width: 100%;}
#banner span {display: block; letter-spacing: 1px;}
#menu-btn:hover, .map-link span:hover, .scroll:hover {cursor: pointer;}
#menu {margin-top: 10px;}
#menu .mi {margin-right: 15px;}
#side-menu {background-color: #fff; height: 100%; left: -100%; position: fixed; transition: all .5s; z-index: 20;}
#side-menu.open {left: 0;}
#side-menu .mi {font-size: 1.25em; margin-top: 20px;}
h1.intro {margin:30px 0;}
p {line-height: 1.5em;}
p.intro {font-size: 1.1em;}
p.comment {font-style: italic;}
tbody.multi td {padding: 0 10px 10px 0;}
#legend {font-size: .85em; font-weight: bold; height: 100%; position: absolute; right: 100px; top: 0;}
.legend-item {width: 325px;}
.legend-item div:first-child {box-sizing: border-box; display: inline-block; height: 16px; margin: 5px 10px 5px 0; width: 40px;}
.legend-item div:last-child {padding-left: 10px; text-align: right;}
#news {background-color: #f2f2f2; padding: 10px 0;}
#news h2 {margin: 0;}
.posted {display: inline-block; font-size: .8em; font-style: italic;}
.info-icon {font-size: 2.6em; padding: 0 20px;}
#petition-update img {margin: 0 10px 10px 0; width: 250px;}
#map-links > div {margin: 0 10px 20px 10px; padding: 10px 0;}
.map-link {padding: 5px 20px;}
.map {max-width: 100%;}
#footer p {font-size: .8em; padding: 2px 0;}
.inset {padding: 0 20px;}
.hide {display: none !important;}
.b {font-weight: bold;}
.c {text-align: center;}
.l {text-align: left;}
.r {text-align: right;}
.red {color: red !important;}
.freeze {overflow: hidden;}
@media screen and (max-width: 1399px) {
 #banner {font-size: 2em; margin-top: 5%; padding-right: 100px;}
 }

@media screen and (min-width: 1200px) {
 .lg-hide {display: none !important;}
}
@media screen and (max-width: 1199px) {
#main .content {padding: 0 15px !important;}
}
@media screen and (max-width: 1199px)  and (min-width: 800px) {
 #header-right {font-size: 1.2em;}
 #logo img {height: 3.6em;}
 #logo div:nth-child(2) {font-size: 2em;}
 #legend {right: 50px;}
 #legend2 {bottom: 30px; position: absolute;}
 .md-hide {display: none !important;}
}
@media screen and (max-width: 799px) {
 #header > div {padding-left: 0;}
 #main {top: 60px;}
 body {font-size: 16px;}
 body.header-collapse #header, #header {height: 70px;}
 body.header-collapse #logo img, #logo img {height: 3em;} 
 body.header-collapse #logo div:nth-child(2), #logo div:nth-child(2) {font-size: 1.6em;}
 body.header-collapse #main, #main {top: 70px;}
#legend, #legend2 {position: relative; right: 0;}
.legend-item {max-width: 300px;}
 h2 {font-size: 1.25em;}
 #banner {text-align: left;}
 .flexy {-ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column;}
 #petition-update img {width: 100%;}
 .sm-hide {display: none !important;}
}