/*!
 * jQuery Cookiebar Plugin CSS
 * https://github.com/carlwoodhouse/jquery.cookieBar
 *
 * Copyright 2012, Mark Searle, Carl Woodhouse.
 */

#whatever{
	margin-top:30px;
	}
.work-grid img{
	width:100%;
}
.work-grid{
	margin-bottom:30px;
}

.col-md-4{
	width:247px;
	 position: relative;
	  min-height: 1px;
	  padding-right: 4px;
	  padding-left: 4px;
	  float: left;
	display:inline;
	
	}
 @media (min-width: 992px) {
  .col-md-4{
    float: left;
	display:inline;
  }
 }
  
 .hover-grid .hover-grid-item {
	width: 100%;
	height:296px;
	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)!important;
	background-color:#222;
	filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;
	width: 100%;
	height: 50%;
	padding: 150px 0 0px 0;
	position: absolute;
	top:0;
	left: 0;
	color: #fff;
	display: none;
	line-height: 1.1;
	text-transform: uppercase;
	text-align: center;
	cursor:pointer;
	z-index:111111;
}
.item .caption {
	background-color: rgba(34, 34, 34, 0.68)!important;
	background-color:#222;
	filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;
	width: 100%;
	height: 50%;
	padding: 150px 0 0px 0;
	position: absolute;
	top:0;
	left: 0;
	color: #fff;
	display: none;
	line-height: 1.1;
	text-transform: uppercase;
	text-align: center;
	cursor:pointer;
	z-index:111111;
}
.hover-grid-item .caption h2{
	/*font-size:1.5em;*/
	font-size: 26px;
	font-weight: 400;
	color: #fff;
	text-transform:lowercase;
}
.hover-grid-item .caption p {
	font-size: 15px;
	font-weight: 400;
	color: #fff;
	text-transform:lowercase;
}
@media (max-width:1024px){
	.hover-grid .hover-grid-item {
		/*height: 149px;*/
	}
	.hover-grid-item .caption {
		/*padding: 23px 20px 0;*/
		  height: 55%;
  padding: 133px 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;
	}
}
@media (max-width:640px){
	.hover-grid .hover-grid-item {
		height: 287px;
		margin:0.8em 0;
	}
	.hover-grid-item .caption {
		padding: 90px 0px 0;
	}
}
@media (max-width:480px){
	.hover-grid .hover-grid-item {
		height: 203px;
		margin:0.8em 0;
	}
	.hover-grid-item .caption {
		/*padding: 57px 0px 0;*/
		padding: 92px 0px 0;
	}
}
@media (max-width:320px){
	.hover-grid .hover-grid-item {
		height: 139px;
		margin:0.8em 0;
	}
	.hover-grid-item .caption {
		/*padding: 18px 0px 0;*/
		  height: 61%;
  		padding: 55px 0px 0;
	}
}