/*!
 * jQuery Cookiebar Plugin CSS
 * https://github.com/carlwoodhouse/jquery.cookieBar
 *
 * Copyright 2012, Mark Searle, Carl Woodhouse.
 */
 
 .hover-grid .hover-grid-item {
	width: 100%;
	height: 200px;
	float: left;
	overflow: hidden;
	position: relative;
	cursor: default;
}

.hover-grid img {
	/*-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;*/
	border:0;
	position:absolute;
	margin: 0;
	padding: 0;
}

.hover-grid-item .caption {
	background-color: rgba(34, 34, 34, 0.68);
	width: 100%;
	height: 100%;
	padding: 43px 20px 0;
	position: absolute;
	left: 0;
	color: #fff;
	display: none;
	line-height: 1.1;
	text-transform: uppercase;
	text-align: center;
}
.hover-grid-item .caption h2{
	font-size:20px;
	margin-top:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif, "Microsoft JhengHei";
}
.hover-grid-item .caption p {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif, "Microsoft JhengHei";
	color: #fff;
	line-height:16pt;
	text-transform:lowercase;
}
@media (max-width:1024px){
	.hover-grid .hover-grid-item {
		height: 149px;
	}
	.hover-grid-item .caption {
		padding: 23px 20px 0;
	}
}
@media (max-width:768px){
	.hover-grid .hover-grid-item {
		height: 353px;
		margin:0.8em 0;
	}
	.hover-grid-item .caption {
		padding: 122px 0px 0;
	}
	.hover-grid-item .caption h2{
		font-size:34px;
		margin-top:-35px;
		font-family: Verdana, Arial, Helvetica, sans-serif, "Microsoft JhengHei";
	}
	.hover-grid-item .caption p {
		font-size: 18px;
		font-family: Verdana, Arial, Helvetica, sans-serif, "Microsoft JhengHei";
		color: #fff;
		line-height:24pt;
		text-transform:lowercase;
		width:80%;
		margin-left:50px;
	}
}
@media (max-width:640px){
	.hover-grid .hover-grid-item {
		height: 220px;
		margin:0.8em 0;
	}
	.hover-grid-item .caption {
		padding: 90px 0px 0;
	}
	
}
@media (max-width:480px){
	.hover-grid .hover-grid-item {
		height: 160px;
		margin:0.8em 0;
	}
	.hover-grid-item .caption {
		padding: 57px 0px 0;
	}
	.hover-grid-item .caption h2{
		font-size:20px;
		margin-top:0px;
		font-family: Verdana, Arial, Helvetica, sans-serif, "Microsoft JhengHei";
	}
	.hover-grid-item .caption p {
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif, "Microsoft JhengHei";
		color: #fff;
		line-height:16pt;
		text-transform:lowercase;
		width:95%;
		margin-left:6px;
	}
}
@media (max-width:320px){
	.hover-grid .hover-grid-item {
		height: 139px;
		margin:0.8em 0;
	}
	.hover-grid-item .caption {
		padding: 18px 0px 0;
	}
	.hover-grid-item .caption h2{
		font-size:20px;
		margin-top:0px;
		font-family: Verdana, Arial, Helvetica, sans-serif, "Microsoft JhengHei";
	}
	.hover-grid-item .caption p {
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif, "Microsoft JhengHei";
		color: #fff;
		line-height:16pt;
		text-transform:lowercase;
		width:95%;
		margin-left:6px;
	}
}