body {
	font: 100% 'Balthazar', serif;
	color: #267310;
	background-color: #000;
}

img, object, embed, video {
	max-width: 100%;
}
a img { 
	border: none;
}
.float-right {
	float: right;
	padding-bottom: 20px;
	padding-left: 20px;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 1.8em;
	color: #f6efe5;
	font-weight: 400;
}

h6 {
	font-size: 1.4em;
	color: #f6efe5;
	font-weight: 400;
}

p {  
	font-size: 1.5em;
	color: #f6efe5;
	font-weight: 300;
	text-align: left; 
}
.media {  
	font-size: 1em;
	color: #f6efe5;
	font-weight: 100;
	text-align: left; 
        margin-right: 5px;
        margin-left: 5px;
}


#below {
  	margin-bottom: 20px;
	background: #000;
  }
  
#main {
	margin-top: 0.75em;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
	padding-right: 5%;
	padding-bottom: 1%;
	padding-left: 5%;
}

#foot {
	font-size: .75em;
	color: #f6efe5;
	font-weight: 100;
	text-align: left;
	margin-right: 0;
	margin-left: 0;
	padding-top: 1%;
	padding-right: 5%;
	padding-bottom: 1%;
	padding-left: 5%;
}
  
.box {
  	max-width: 560px;
  	align: middle;
  }

iframe {
	margin: 0 auto;
}

{
    box-sizing: border-box;
}

.row {
    display: flex;
}

.column {
    flex: 50%;
    padding: 5px;
}

.clear::after {
    content: "";
    clear: both;
    display: table;
}

a:active {  color: #fff; text-decoration: underline}
a:link {  color: #fff; text-decoration: underline}
a:hover {  color: #f1ddab}
a:visited {  color: #f1ddab; text-decoration: underline}
.float-left {
	float: left;
	padding-right: 20px;
}