@charset "UTF-8";
/* Homeless Styles */
*{box-sizing: border-box}

.no-margin{margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px}
.no-margin{padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px}
body{background-color: cornsilk}
div.logo{width:25%; display: inline-block; margin-top: auto; margin-bottom: auto; height: 100%}
.bg-svg{width: 100%; background-image: url(logogogogogo-wide.svg); background-size: cover; height: 0; padding: 0; padding-bottom: 46.66666667%}
#header{background-color: #015A2A; width:100%; height:150px; display: inline; float: left; white-space: nowrap; top: 0; padding-bottom:10px; border-bottom: solid 3px #bc7f05}
.nav-whole{width:73%; height: 100%; display: inline-block}
li.title{font-size:36px; font-weight:bold; text-align: center; width: 100%; height: 100%}
a.button{font-size: 20px}
.nav{height: 100%; width: 100%}
#main{background-color:#249056; width: 100%; height: 100%; white-space: pre-line; padding:50px; padding-top: 150px; padding-bottom:0px; font-family: quicksand}
#container{max-width: 1000px; min-width: 666px; margin-top: 20px; margin-left: auto; margin-bottom: 20px; margin-right: auto;}
/*.border{border: 2px solid #DDD}*/
.nav ul{float: left}
.nav ul li{line-height: 70px}
.nav ul a.button{width: 24%; height: 50%; float: left; list-style-type: none; text-align: center; text-decoration:none; background-color: #0F773F}
.nav ul a.button:hover{background-color: #005724}
.nav ul a.button.active{background-color: #916102}
.nav ul a.button li{height: 100%; text-align: center; color: #000; margin-bottom: auto}
.nav ul li.title{width: 100%; height: 50%; text-align: center; float: left; list-style-type: none}
.nav ul li.title a{color: #bc7f05; text-decoration:none}
.buttons{width: 100%; height: 100%}
.title{width: 100%; height: 50%}
.line{margin-left: 5px}
a{text-decoration: none; color: darkturquoise}
figure.logo{margin-top: 11.67px}
#main li{list-style-type: none; margin-bottom: -8px}
#main p{margin-bottom: -32px; font-size: 20px}
#main h1, #main h3{margin-bottom: -8px}
h3{font-size: 28px}
ul{margin-top: 0px}
div.subnav{float: right; background-color: #127640; display: flex; text-align: right; width: 100%; border-top: solid 3px #bc7f05; padding: 10px}
div.subnav figure{width: 4%; margin: 0px; margin-left: 10px}
div.subnav figure a img{width: 100%}
form{padding-left: 20px}

@media (max-width: 1008px){
	#container{margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px}
}

#fortune {background-color: #005F2C; color: #bc7f05;
      padding: 1em;
      width: 60%;
      margin-left: 20px;}