.blog {
	width: 74%;
	display: inline-block;
	text-align: left;
	font-size: 18px;
	line-height: 29px;
	min-height: 90vh;
}
ul.arclist {
	padding-left: 20px;
	text-align: left;
}
.archive {
	width: 24%;
	display: inline-block;
	vertical-align: top;
	padding: 9% 5px 10px 10px;
	line-height: 1.5em;
}
.archive iframe {
	padding-top: 15px;
}
.header_img img {
	max-width: 100%;
	border-radius: 15px;
		-webkit-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
	-webkit-filter: blur(2px);
	filter: blur(2px);
	transform: scale(1.02);
	}
	.article_header {
		position: relative;
	overflow: hidden;
	border-radius: 15px;
	padding-top: 34.25%;
	width: 100%;
	}
	.article_header img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	}
	.article_header img {
		max-width: 100%;
	}
	.article_header {
		-webkit-box-shadow: rgba(0,0,0,0.5) 3px 0 5px;
	 -moz-box-shadow: rgba(0,0,0,0.5) 3px 0 5px;
	 box-shadow: rgba(0,0,0,0.5) 3px 0 5px;
		-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
	}
	.article_header:hover {
			-webkit-box-shadow: rgba(0,0,0,0.8) 5px 0 8px;
	 -moz-box-shadow: rgba(0,0,0,0.8) 0 0 8px;
	 box-shadow: rgba(0,0,0,0.8) 0 0 10px;
		-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	}
.date-time {
	font-size: 12px;
	font-style: italic;
	/* color: #afafaf; */
	color: #fff;
}

.username, .pass {
	width: 95%;
}

div.blog h1, h1.admintitle {
	font-family: 'Karoll', sans-serif;
	font-weight: 100;
}
div.blog a h1,div.blog h1 a {
	color: #fff;
	text-decoration: none;
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
font-weight: 300;
}
div.blog a h1:hover,div.blog h1 a:hover {
	color: #4ec5ec;
}
div.blog iframe {
  width: 100%;
}

button.btn:hover, input.btn:hover {
	background-color: #fff;

}
button.btn, input.btn {
	-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
	color:#161e26;
	background-color: #b6b6b6;
}

button,
input,
textarea {
	border: 1px solid #b6b6b6;
	border-radius: 3px;
	font-family: inherit;
	padding: 6px;
	padding: 0.428571429rem;
}
button,
input {
	line-height: normal;
}
@media (max-width: 600px) {
div.blog iframe {
  height:auto;
}
}