html{font-size: 18px; box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
body {
  background: #eee;
  color: #444;
  font-family: 'PT Sans', sans-serif;
  line-height: 1.5;
  font-weight: 400;
}
h1,h2,h3,h4,h5,h6 {
  font-family: 'PT Sans Narrow', sans-serif;
  line-height: 1.2;
  font-weight: 300;
}
h1 {font-size: 2em; border-bottom: 1px solid #888; padding-bottom: 5px;}
h2 {font-size: 1.625em;}
h3 {font-size: 1.375em;  margin: 0;}
h4 {font-size: 1.125em;}
h5 {font-size: 1.0em;}
h6 {font-size: 0.8em; margin: 0; text-transform: uppercase;}
@media (min-width: 550px) {
h1 {font-size: 2.441em;}
h2 {font-size: 1.953em;}
h3 {font-size: 1.563em;}
h4 {font-size: 1.25em;}
h5 {font-size: 1.0em;}
h6 {font-size: 0.8em;}
}
p {margin-bottom: 1em;}
area {
  cursor: pointer;
}
section {
  margin: 5em auto; 
  max-width: 700px;
  padding: 0 1em;
}
a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid #888;
  padding-bottom: 2px; 
}
a:hover {
  color: #BF3F33;
  border-bottom: 1px solid #BF3F33;
}
a.none {text-decoration: none; border: none;}

.pad16 {
  padding: 0 16px 16px 0;
}
ul.none {
list-style-type: none;
}

.w3-container:after,.w3-container:before {content:"";display:table;clear:both}
.w3-container {position: relative;}
.w3-modal{z-index:3;display:none;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin: 50px auto;background-color:#EEF0EA;position:relative;padding:1rem 2rem;outline:0;width:80%; max-width: 760px;}
@media (max-width: 550px) {.w3-modal-content{width: 95%; padding: 0.5rem;}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-button{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap; font-size:1.7rem;}
.w3-button:hover{color:#000;background-color:#B5B4AA;}
.w3-display-topright{position:absolute;right:0;top:0}

/* Footer Responsive */
.footer-distributed {
	background-color: #202117;
    color:  #999999;
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	padding: 3rem;
	margin: 0 auto; max-width: 1920px;
	border-top: 6px dashed #000;
}
.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
	display: inline-block;
	vertical-align: top;
}
/* Footer left */
.footer-distributed .footer-left{
	width: 30%;
	font-size: 0.8em;
	margin: 0;
}
/* Footer Center */
.footer-distributed .footer-center{
	width: 45%;
}
.footer-distributed .footer-center p{
	display: block;
	vertical-align: middle;
	margin: 0;
	font-size: 0.8em;
}
.footer-distributed p a{
	border: none;
	display: block;
	margin-top: 10px;
}
/* Footer Right */
.footer-distributed .footer-right{
	width: 20%;
	margin-left: 10px;
	font-size: 0.8em;
}
@media (max-width: 880px) {
	.footer-distributed .footer-left,
	.footer-distributed .footer-center,
	.footer-distributed .footer-right{
		display: block;
		width: 100%;
		margin-bottom: 40px;
		text-align: center;
	}
}
/* Dark block & buttons */
.darkblock{
	background-color: #202117;
    color:  #999999;
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	padding: 2rem;
	margin: 0 auto; max-width: 1920px;
	border-top: 6px dashed #000;
}
.btn-group button {
    background-color: #000;
    border: 1px solid #aaa;
    color: #aaa;
    padding: 10px 14px;
    cursor: pointer;
}
.btn-group.menu button {
    display: block;
    margin-bottom: 1rem;
    padding: 10px;
    cursor: pointer;
    font-size: 80%;
}
.btn-group button:hover {
    background-color: #BF3F33;
}
hr {
   border: 0; 
   height: 0; 
   border-top: 1px solid #888; 
}

/* Mobile */
.mobile {display: none;}
@media (max-width: 768px) {
.mobile {
    display: block;  
}
}
/* Form */
form {
    margin: 10px auto;
}
input[type="text"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="time"],
input[type="url"],
textarea,
select
{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    background: #fff;
    margin-bottom: 4%;
    border: 1px solid #ccc;
    padding: 3%;
    color: #555;
}
input[type="text"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus
{
    box-shadow: 0 0 5px #BDA254;
    padding: 3%;
    border: 1px solid #BDA254;
}
textarea {
 height: 300px;
}
input[type="submit"],
input[type="button"] {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 3%;
    margin: 3% 0;
    background: #3D3A23;
    color: #eee;
    border: 0;
}
input[type="submit"]:hover,
input[type="button"]:hover {
    background: #615C35;
    cursor: pointer;
}

/*  Responsive Utilities */
img, canvas, iframe, video, svg, select, textarea {
  max-width: 100%;
 }

/* Wrap tables or pre elements in a div with this class */
.overflow-container {
  overflow-x: scroll; }