*, *:before, *:after {box-sizing: border-box;}
body {background-color: #ffffff;}
.container-fluid {background-color: #ffffff; margin-right: auto; margin-left: auto; padding: 0 !important;}
.main {max-width: 1200px; margin: 0 auto; padding: 2%;}
.jumbotron {background-size: cover; background-repeat: no-repeat; margin: 0 auto !important; padding-top: 2%;}
a {color: #336600; text-decoration: none; background-color: transparent;
  -webkit-text-decoration-skip: objects;}
a:hover {color: #336600; text-decoration: underline dotted;}
a.footnav {color: #ffffff; text-decoration: none; background-color: transparent;
  -webkit-text-decoration-skip: objects;}
a.footnav:hover {color: #fffff; text-decoration: underline dotted;}
.bg-green {background-color: rgba(153, 204, 0, 0.8);}
.bg-greenish {background-color: rgba(153, 204, 0, 0.7);}
.extrabottom {padding: 100px 0;}
.overlay {color: #ffffff; text-align: center; background-color:rgba(0, 0, 0, 0.4); padding: 3%; margin: 0 !important; border-radius: 20%;}
.highlight {color: #666666; font-size: 125% !important; border: solid 1px #d6d6d6; padding: 1%;}
.accent {color: #666666; font-size: 125% !important;}
.callout {font-size: 125% !important;}
@media screen and (max-width: 64em) {.accent {font-size: 110% !important;}}
@media screen and (max-width: 50em) {.accent {font-size: 100% !important;}}
.title {color: #ffffff;}
h1 {font-size: 2.5em!important;color: #696969; text-align: center;}
@media screen and (max-width: 64em) {h1 {font-size: 2.25em!important;}}
@media screen and (max-width: 50em) {h1 {font-size: 1.5em!important;}}
h2 {font-size: 2em!important; color: #696969; text-align: center;}
@media screen and (max-width: 64em) {h2 {font-size: 1.75em!important;}}
@media screen and (max-width: 50em) {h2 {font-size: 1.25em!important;}}
h3 {font-size: 1.5em!important; color: #666666; text-align: center; font-weight: 500;}
@media screen and (max-width: 64em) {h3 {font-size: 1.3em!important;}}
@media screen and (max-width: 50em) {h3 {font-size: 1.1em!important;}}
h4 {font-size: 1.5em!important; font-weight: 500;} 
@media screen and (max-width: 64em) {h4 {font-size: 1.2em!important;}}
@media screen and (max-width: 50em) {h4 {font-size: 1em!important;}}
p, li {font-size: 1.1em!important;}
@media screen and (max-width: 64em) {p, li {font-size: 1em!important;}}
@media screen and (max-width: 50em) {p, li {font-size: 0.9em!important;}}
ul {padding-left: 1rem !important; line-height: 1.5rem; list-style-type: circle;}
.ct {background-color:rgba(0.7, 0, 0, 0); font-size: 90%; padding: 0.5rem;}
.nav-link:hover {color: #ffffff; background-color: #5b8432;}
.navbar-custom .navbar-nav .show > .nav-link,
.navbar-custom .navbar-nav .active > .nav-link,
.navbar-custom .navbar-nav .nav-link.show,
.navbar-custom .navbar-nav .nav-link.active {color: #ffffff; background-color: #336600;}
.navbar-custom .navbar-toggler {color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1);}
.navbar-nav > li{margin-left:20px; margin-right:20px;}
.navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
.carousel-caption {background-color:rgba(0, 0, 0, 0.5); padding-top: 10px !important; padding-bottom: 10px !important; right: 5%; bottom: 10px; left: 5%;}
.alert-dark {color: #ffffff; background-color:rgba(0, 0, 0, 0.7); border-color: #666666;}
.btn-green {color: #212529; background-color: rgba(153, 204, 0, 0.8);}
.btn-green:hover {color: #ffffff; background-color: #336600;}
.w3-bar .w3-bar-item{padding:4px 8px;float:left;width:auto;border:none;display:block;outline:0;}
.w3-bottom{position:fixed;width:100%;z-index:1}
.w3-bottom{bottom:0}
@media (min-width: 576px) {
.card-columns {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
-webkit-column-gap: 1rem;
-moz-column-gap: 1rem;
column-gap: 1rem;
orphans: 1;
widows: 1;}