@import url('https://fonts.googleapis.com/css?family=Comforter+Brush');
@import url('https://fonts.googleapis.com/css?family=Oxygen');
@import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light');


.header{
	background-color: orange;
	width: 100%;
	text-align: center;
	color: white;
	margin: 0;
	border: 1px solid orange;	
}
h1.blog-title{
  padding-top: 40px;
  text-transform: uppercase;
  font-family: 'Oxygen';
  font-size: 80px;
}


h2.slogan{
  font-family: 'Shadows Into Light';
  font-style: italic;
  font-size: 50px;
  margin-top: -80px;
  color: white;
  padding-bottom: 40px;
}

.navigation {
  background-color: rgb(100, 214, 216);
  padding: 12px 0px;
  display: inline-block;
  vertical-align: top;
  width: 230px;
  padding-bottom: 25px;
}

.nav-link {
  margin: 20px 20px 0 20px;
  text-decoration: none;
  color: white;
  font-size: 20px;
  display: block;
}


a.nav-link:hover {
  color: rgb(39, 105, 118);
}

.main-content{
	display: inline-block;
	width:75%;
}

.related{
	width:100%;	
	background-color: rgb(100, 214, 216);
}
.related-post {
  width:45%;
  margin-bottom: 20px;
  display: inline-block;
}