@font-face {
  font-family: 'STONEHARBOUR-Regular';
  src: url('STONEHARBOUR-Regular.eot');
  src: url('STONEHARBOUR-Regular.woff2') format('woff2'),
       url('STONEHARBOUR-Regular.woff') format('woff'),
       url('STONEHARBOUR-Regular.ttf') format('truetype'),
       url('STONEHARBOUR-Regular.svg#STONEHARBOUR-Regular') format('svg'),
       url('STONEHARBOUR-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'verbcondregular';
    src: url('verbcondregular-webfont.eot');
    src: url('verbcondregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('verbcondregular-webfont.woff') format('woff'),
         url('verbcondregular-webfont.ttf') format('truetype'),
         url('verbcondregular-webfont.svg#verbcondregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



body {
	background: url('bg-6.jpg') center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;


}



.header {
	padding: 1em 2em;
	margin-bottom: 1em;
	background-color: rgba(0,0,0,0.25);
	font-family: 'STONEHARBOUR-Regular', sans-serif;
	font-size: 70px;
	color: white;
	border-radius: 5px;
	border-color: white;
	text-align: center;
}

.nav-bar ul
{
	background-color:rgba(0, 0, 0, 0.25);
	padding: 1em 2em;
	margin-bottom: 1em;
	text-align: right;
	text-decoration: none;

}
.nav-bar ul li {
	
	display: inline;
	text-decoration: none;
	color: white;
	font-size: 18px;
	font-family: 'verbcondregular', Semi-Coder, sans-serif;
	//text-align: right;
}
.nav-bar a {
	text-decoration: none;
	color: white;

}

.nav-bar li:before {content: " | ";}
.nav-bar li:first-child:before {content: none;}





/*.nav
{
	padding: 1em 2em;
	margin-bottom: 1em;
	text-decoration: none;
	font-family: 'verbcondregular', Semi-Coder, monospace;
	background-color: rgba(0, 0, 0, 0);
	color: white;
	font-size: 20px;
	
}*/



.col1 {
	float: left;
	background-color: rgba(0, 0, 0, 0.3);
	padding-right: 3em;
	text-align: center;
	border-radius: 5px;
	border:4px 4px 4px 4px;
	border-style: solid;
	border-color: white;
	color: white;
	font-family: 'verbcondregular', Semi-coder, sans-serif;
} 



.col3, .col4, .col5, .col6 {
	display: none;
} 

.col2,.col3,.col4,.col5,.col6
{
	//float: left;
	background-color: #eee;
	//margin-bottom: 1em;
	//margin-left: 3%;
	margin: 0 auto;
	padding: 0 auto;
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 5px;
	border:4px 4px 4px 4px;
	border-style: solid;
	border-color: white;
	color: white;
	font-family: 'verbcondregular',Semi-coder, sans-serif;
font-size: 18px;
}

.col1 { width: 15%; }
.col2 { width: 75%; }
.col3 { width: 75%; }
.col4 { width: 75%; }
.col5 { width: 75%; }
.col6 { width: 75%; }

.col2 h1 {
	text-align: center;
}
.menu-content p {
	padding: 20px;
}

.bio {
	display: block;
    margin-left: auto;
    margin-right: auto;
    flex: 0 1 auto;
}

#col4 h2 {
	text-indent: 30px;
	text-decoration: underline;
}
#col4 ul li {
	list-style-type: none;
}



/* start contact form css */
form {
	margin: 0 auto;
	width: 50%;
}

label {
	display: block;
	margin-top: 20px;
	letter-spacing: 2px;
}

input, textarea {
	width: 75%;
	height: 5px;
	background:#efefef;
	border: 3px solid orange;
	border-radius: 10px;
	padding: 10px;
	margin-top: 3px;
	font-size: 0.85em; 
	color: orange;
}
textarea {
	height: 300px;
	background: url(css/lined4.jpg);

}
input:focus, textarea:focus {
	border-color: blue;
}

#submit {
	width: 120px;
	height: 38px;
	background:#efefef;
	border:none;
	margin-top: 20px;
	cursor: pointer;
	background:url(css/sendbutton.jpg);
}


#social {
	float: left;
	color:white;
}

.footer img {
	float: left;
	width: auto;
	height: auto;
	max-width: 60px;
	max-height: 40px;

}
.footer a {
	text-decoration: none;
}

#copywrite {
	float: right;
	color: white;
}

.footer {
	
	clear: both;
	padding: 1em 2em;
	background-color: rgba(0,0,0,0.5);
	font-size: 14px;
	font-family: 'verbcondregular', cursive
	color: white;
	text-align: center;
	margin: auto;
}