.bloglist h2 {
	text-align: center;
	margin: 40px 30px 20px 30px;
}

/*.bloglist h3 { margin-bottom: 10px; }*/
.bloglist h3 a,
.blog h3 a { text-decoration: none; }

.bloglist div.item div.bloglistdate {
	margin: 0 0 5px 0;
	color: #555;
}

.bloglist div.item a.more {
	margin-top: 10px;
	display: inline-block;
}

.bloglist img { border-radius: 5px; }

#NextPage { text-transform: uppercase; }

@media all and (max-width: 800px) {

	.bloglist div.item h3 { margin: 5px 0; }
	.bloglist img { min-width: 100%; }

	.bloglist .second { display: none; }
}

@media all and (min-width: 801px) {

	.bloglist div.item h3 { margin: 0 0 10px 0; }

	.bloglist img {
		display: inline-block;
		width: 50%;
		vertical-align: top;"
	}

	.bloglist div.item {
		display: inline-block;
		width: 50%;
		vertical-align: top;
		box-sizing: border-box;
		padding-left: 20px;
	}
}

section.blog {
	max-width: 1200px;
	margin: 0 auto;
}

section.blog h2 {
	text-align: center;
	margin: 40px 30px;
}

.blogdate {
	margin: 0 0 5px 0;
	color: #8fdfaf;
	font-weight: bold;
}

a.more {
	margin-top: 10px;
	display: inline-block;
	color: #8fdfaf;
	text-decoration: none;
	font-weight: bold;
}

@media all and (max-width: 800px) {
	.blog > div { padding: 20px; }

	.blog img { width: 100%; }
}

@media all and (min-width: 801px) {
	.blog > div { padding: 0 20px; }

	.blog img {
		width: 50%;
		vertical-align: top;
	}

	.blog div.item {
		width: 50%;
		box-sizing: border-box;
		vertical-align: top;
		padding: 20px 40px;
	}

	.blog > div:nth-child(even) div.item {
		display: inline-block;
		/*padding-left: 40px;*/
	}

	.blog > div:nth-child(odd) div.item {
		float: left;
		/*padding-right: 40px;*/
		text-align: right;
	}
}


@media all and (max-width: 960px) {
	.bloglist div.c2:not(:nth-child(2)) { display: none; }
}