.news_list_box {
	width: 70%;
	float: left;
  margin-bottom:30px;
}
.news_list a {
  font-size: 1.5rem;
  display: block;
  padding: 10px;
  position: relative;
  border:1px solid #181818;
  margin-bottom: 20px;
}
.news_list a:hover {
  background: #dedede;
}
.news_list a span {
  display: inline-block;;
  padding: 1px 12px;
  margin: 0 15px;
  font-size: 1.2rem;
  color: #fff;
  background: #000;
}
.news_list a h2 {
  font-size: 1.6rem;
  padding: 15px 20px 10px 0;
  text-align: left;
  line-height: 1.8;
}
.news_list a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
}
.single_news_date {
	text-align:center;
	margin-bottom:30px;
}
.news_archive_list {
	float:right;
	width:28%;
	margin-bottom:30px;
}
.news_archive_list li {
	padding:10px 0;
	border-bottom:1px #181818 solid;
}
.news_archive_title {
	background:#181818;
	color:#fff;
	text-align:center;
}
@media screen and (max-width: 768px) {
  .news_list_box {
    width: 100%;
	float:none;
  }
	.news_archive_list {
		float:none;
		width:100%;
	}
}

.news-section {
  min-width: 800px;
  width: 800px;
}
.news-section h2 {
  text-align: center;
  font-size: 23px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .news-section {
    min-width: 90%;
    width: 90%;
  }
  .news-section h2 {
    font-size: 18px;
  }
}