.wrapper {
	width: 960px;
	margin: 2em auto 0;
}
.top-blog {
	display: flex;
}
.main-img {
	
	height: 300px;

	/* background-image: url("http://www.rettew.com/wp-content/uploads/2014/08/FPO-460x300.gif");*/
  background-image:url("http://c-sglobal.com/wp-content/uploads/2015/05/CS-Acrovyn-by-Design-10-460x300.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	flex:1;
}
.top-blog .content {
	flex:1;
	margin:0 2%;
}
.top-blog h2{margin-top: 0.1em; font-size: 2.2em;}
.top-blog p {font-size: 0.9em; margin:1em auto 2em;}
.two-blog h2 {margin-top:0.3em;}
.two-blog p { margin:1em auto 2em; }
h2 {
	font-family: Aller;
}
p{
	font-family: open sans;
	color: #4f4f4f;
}
.author-date a {
	text-decoration: none;
	font-family: Arial;
	color: #26A65B;
}
.date {
	font-family: Arial;
	font-style: italic;
	color: lightgrey;
	font-size: 0.9em;
}


.two-blog {
	display: flex;
	margin-top: 1em;
}


.first-img {
	height: 180px;
	background-image: url("http://c-sglobal.com/wp-content/uploads/2015/05/CS-Acrovyn-by-Design-10-460x300.jpg");
	background-repeat: no-repeat;
	background-size: contain;
}

.two-blog h2{
	font-size: 1.5em;
}

section {	flex:1;
}


@media only screen and (max-width: 980px){

	.wrapper {
		width: 100%;
	}
	.main-img  {
		width: 100%;
		height: 32vh;
		background-size:cover;
	}
	.top-blog .content{
		width: 100%;
	}
	.top-blog p {
		margin-bottom: 1em;
	}
}
@media only screen and (max-width: 760px){
	body {
		font-size: 50%;
	}
	.top-blog,.two-blog {
		display: block;
	}
	.top-blog p,.two-blog p{
		font-size: 2em;
	}
	.top-blog h2,.two-blog h2{
		margin-top: 1em;
	}
	.author-date a{
		font-size: 2em;
	}
	.top-blog .date ,.two-blog .date{
		font-size: 1.8em;
	}
	.top-blog .content , .two-blog .content{
		width: auto;
	}

	.first-img {
		width: 100%;
		height: 32vh;
		background-size: cover;
	}
	.two-blog h2 {
		font-size: 2.2em;
	}
	section {
		margin-top: 2em;
	}
}