body{
	color:#424242;
}

.hatch{
font-family: 'Abel';
font-size: 24px;
font-weight: bold;}

#header-home{
background-image:
url("./img/cheer3.png");
background-position: center;
  
  background-size: 100%;
  position: relative;
background-repeat: no-repeat;
}



#header-ew{
background-image:
url("./img/banner-ew2.png");
background-position: center;
  
  background-size: 100%;
  position: relative;
background-repeat: no-repeat;
}

#banner-markthal{
	
background-image:
url("./img/markthal.png");
  background-position: center;
  
  background-size: cover;
  position: relative;

}

#header-text{
	/*text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
*/
}

#aboutme{

}
.wrapper{
	color:white;
	background-color: #80a8f2;
	margin-top: -2%;
}

.footer-wrap{
	color:#424242;
	
	padding-top: 2%;
	padding-bottom: 2%;
}

#navbar{
	position: fixed;
	z-index: 1;
}

#socials{
	color:#80a8f2;
}

#sidebar{
	background: #cccccc;
	color: white;
}

.img-wrapper{
	
	align-self: center;

}

.navbar-left{
	float: left;
	margin-top:2%;
	margin-left: 3%;
}

.navbar-right{
	float: right;
	margin-top:2%;
	margin-right: 3%;
}

a{
	color:#5e5e5e;
}

.introhead{
	margin-top:10%;
}

.introhead2{
	margin-top:5%;
}

.details{
	color:#9c9c9c;
}

@media (min-width: 1200px){
.ss-img{
	width:80%;
	  margin-left: auto;
  margin-right: auto;
}

.ss-img2{
	width:50%;
	  margin-left: auto;
  margin-right: auto;
}
}