#wrapper {
	background-image: none;
}

.main_image {
	height: 400px;
	background-image: url(../img/main_bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

#article{
	padding: 20px 0;
	float: none;
	width: 100%;
	box-sizing: border-box;
}

#article h2 {
	font-weight: 500;
	padding-top: 5px;
	padding-left: 20px;
	margin-bottom: 20px;
	background-color: #EEE;
	border-left: #111 6px solid;
}

.top_section{
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.mid_section{
	width: 100%;
	margin: 20px 0;
	display: flex;
	justify-content: space-between;
}

.bottom_section{
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.link{
	width: calc(100% / 2.05);
}

.pop{
	width: calc(100% / 3.2);
}

.link a,
.pop a{
	width: 100%;
	transition: .5s;
}

.link a:hover,
.pop a:hover{
	opacity: 0.5;
}

.link a img,
.pop a img{
	width: 100%;
}