html, body {
	
}
body {
		 background: url(img/gossamer_fog_bg.png) no-repeat center center fixed; 
 		 -webkit-background-size: cover;
 		 -moz-background-size: cover;
 		 -o-background-size: cover;
 		 background-size: cover;		
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
	}
.header {
	color: #000000;	
	padding: 20px;
	text-transform: uppercase;
	margin: 20px 0;
	}
nav {
	margin-bottom: 20px;
}
ul {
  list-style: none;
  margin: 0 0 1.5rem 0;
  padding: 0;
  display: flex;    
}
img {
    display: block;
    margin: 0 auto;
}
li {
  color: #666;
  display: block;
  text-align: center;
  text-decoration: none;
  flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 100%;
}
li a, li a:hover {
  color: #000;
  display: block;
  padding: 1rem 0;
}

li a:hover {
	background: #E7E7E7;
	-webkit-transition: background 400ms ease-in-out;
	-moz-transition: background 400ms ease-in-out;
	-ms-transition: background 400ms ease-in-out;
	-o-transition: background 400ms ease-in-out;
	transition: background 400ms ease-in-out;
	text-decoration: none;
}

.socials a {
	font-size: 30px;
	margin: 0 6px;
}

a, a:hover, a:active, a:visited {
	color: #000;
}
.pad-20 {
	padding: 20px;
}

.dotted {
	border: 1px #000000 dashed;
	background: rgba(255,255,255, 0.6);
}

.main-content {
	text-align: justify;
}