body{
padding: 0;
margin: 0;	
font: 22px Georgia,Cambria,"Times New Roman",Times,serif;
line-height: 32px;
background-color: #eef3f7;
}

.wrapper{
width: 1020px;
margin: 0 auto;	
margin-bottom: 50px;
margin-top: 40px;
}

.content{
float: left;
width: 700px;	
}

.side{
float: right;
width: 280px;	
padding-top: 88px;
}

.teaser{
	background-color: white;
	padding: 25px;
	font-size: 16px;
	line-height: 22px;
	
	
}

h2{
font: 30px Georgia,Cambria,"Times New Roman",Times,serif;
line-height: 40px;
letter-spacing: -1.5px;
margin-bottom: 40px;
}

.header{
text-align: center;	

}

.subheader{
background-color: white;
padding: 50px;
margin-top: -100px;
}

#logo{
width: 180px;

}

.description{
font-size: 18px;
margin-top: 50px;	
margin-bottom: 30px;
}

.post{
background-color: white;
padding: 50px;
margin-bottom: 20px;	

}

.post:first-child{
padding-top: 100px;
margin-top: -100px;	
}


a.layer{
	display: block;
	
	border-bottom: 1px solid #EEE;
	min-height: 140px;
	background-size: cover;	
	text-decoration: none;
	background-position: left center;
	text-align: left;
}

.layer h2{
	margin-top: 70px;
	margin-left: 200px;
}



a, a:visited{
color: black;
	
}

.content img{
width: 60%;	
}

.alert{
	background-color: #fcf8e3;
    border-color: #faf2cc;
    color: #8a6d3b;	
	text-align: center;
	padding: 10px;
}


#shuffle{
text-align: center;	
}

#shuffle img{
width: 100px;
margin-bottom: -60px;	
}

.footer{
text-align: center;
margin-top: -65px;	
margin-bottom: 100px;
}

@media only screen and (max-width : 700px) {
	
body{
padding: 0;
margin: 0;	
font-size: 19px;
line-height: 28px;
}

h2{
font-size: 25px;	
line-height: 32px;
}

.wrapper{

margin-top: 0 !important;	
}



.wrapper, .content, .side{
width: 100%;	
box-sizing: border-box;
}

.side{
padding-top: 0;	
margin-top: 0;
}

.content{
padding: 20px;	
}

.content img{
width: 100%;	
}


	
}