/* Global properties ======================================================== */
body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:17px;
    color:#4c4c4c;
    background:#bbbbbb;
}

@font-face {
    font-family: logofont;
    src: url(Bernhard.ttf);
}


header {
	width:100%;
	position:relative; 
	z-index:2;
	background: rgba(0,0,0, 1);
	opacity: 0.9;
}

header img {
	display: block;
	margin: 0px auto;
	padding-top: 15px;
}

header p {
    margin-bottom: 0;
}

.navbar {
    background-color: #e6e6e6;
    padding: 0;
}

.navbar-toggler {
    margin: 5px 0 5px 0;
}

.navbar-nav {
	width:100%;
	min-height:45px;
	overflow:hidden;
	background:url(../images/menu-spacer.gif) left top no-repeat;
	margin: 0;                 /* << add this */
    padding: 0;                /* << add this */
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}
.navbar-nav li {
	float:left; 
	position:relative;
	margin: 0;          /* << add this */
        padding: 0;         /* << add this */
}
.navbar-nav li a {
	display:block; 
	font-family: 'Adamina', serif;
	font-size:15px; 
	line-height:2.6em; 
	letter-spacing:-1px;
	padding:5px 44px 4px 40px !important;
	color:#000; 
}
.navbar-nav > li:first-child > a {padding:5px 44px 4px 45px;}
.navbar-nav li.last {
        float: right;
}
.navbar-nav li.last a {padding:5px 47px 4px 40px;}
.navbar-nav li .active {
        color: #ca4b00;
        background-color: #cccccc;
}
.navbar-nav li a:hover:not(.active) {color:#ca4b00;}

.main-content {
	width:100%; 	
	padding:0;
	margin:0 auto;
	font-size:0.875em;
	line-height:1.714em;
	position:relative;
	background-color: white;
    border-radius: 12px; 
	margin-bottom:10px;
}


.main-content .container {
    padding:40px;
}

.main-content .page-header {
    font-family: logofont;
	font-size:25px;
	float:left;
}

footer {
    background-color: black;
    overflow-x: hidden;
}

footer a, footer p, footer h5, footer i {
    color: #e6e6e6;
    text-decoration: none;
    font-weight:200;
}

@media (max-width:991px) {
  footer {
    margin-top:20px;
  }
}

.footer-contact > a {
    text-decoration:none;
    color:black;
}

.social {
  text-align:center;
}

.social > div > a{
  font-size:40px;
  width:36px;
  height:36px;
  line-height:36px;
  display:inline-block;
  text-align:center;
  margin:30px 0;
  color:#3d3d3d;
  opacity:0.75;
}

.social > a:hover {
  opacity:0.9;
}

.footer-contact > input, .footer-contact > textarea {
    margin:5px 0;
}

/*Leftover things from 2018 build*/
/*Maybe fix this stuff up if you've got a few free days*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
 
#logo{
	margin-top:0px;
	padding:10px;
	color: #fffeff;
	font-size: 1.25em;
	text-align: center;
	font-family: logofont;
}

@media (min-width: 544px) {  
  #logo{
      font-size:2em;
  }
}

@media (min-width: 992px) {  
  #logo{
      font-size:2.5em;
  }
}

.orange { color: #ff7d00;}

h1{
    font-family: 'Adamina', serif;
	font-size:24px; 
	line-height:1.208em; 
	font-weight:400;
	margin-bottom:8px;
	color:#000;
}

.main-div{
	background-color: #f3f3f3;
	margin: 40px 0 40px 0;
	padding: 40px 30px 120px 40px;
	-webkit-border-radius: 12px; 
   -moz-border-radius: 12px; 
    border-radius: 12px; 

}

.center{
	text-align: center;
}