*, *:after, *:before {
	/*-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;*/
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.header_top{
	height:49px;
}
.grid {
	width: 100%;
	list-style: none;
	margin: 30px auto;
	padding: 0;
	
}


.grid li {
	display: block;
	float: left;
	padding: 10px;
	width: 33.333%;
	box-sizing: border-box;
}
.grid li a span{
	display:none;
	position:absolute;
	height:calc(100% - 20px);
	width:calc(100% - 20px);
	background-color:rgba(0, 0, 0, 0.5);
}
.grid li a span h3{
	display:block;
	margin:-20px 10px 0 10px;
	width:calc(100% - 20px);
	text-align:center;
	color:#FFF;
	font-family: 'Archer-Book', Fallback, sans-serif;
	font-size:18px;
	position:absolute;
	top:50%;
}

.grid li a:hover span{
	display:block;
}

.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li {
	opacity: 1;
}

.grid li a,
.grid li img {
	outline: none;
	border: none;
	display: block;
	max-width: 100%;
}

.grid li.animate {
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}

@media screen and (max-width: 900px) {
	.grid li {
		width: 50%;
	}
}

@media screen and (max-width: 400px) {
	.grid li {
		width: 100%;
	}
}