@charset "utf-8";
/* CSS Document */


.gridlayout{
	width:100%;
	margin:0px -15px;
	}	
.grid-item{
	width:33.33%;
	padding:15px;
	display:inline-block;
	
	}
.grid-item a{
	display:block;
	border:1px solid #ddd;
	vertical-align:middle;
	color:#555;
	}
.grid-content{
	padding:20px;
	width:100%;
	transition:all .4s ease;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	-o-transition:all .4s ease;
	}
.grid-content strong{
	display:block;
	font-size:20px;
	}
.grid-content h5{
	margin-bottom:5px;
	}
.grid-content p{
	margin-bottom:0px;
	}		
.grid-content .tagline{
	margin:0px;
	margin-bottom:10px;
	}
.grid-item a:hover .grid-content{
	background:#135fa8;
	color:#fff;
	}
.grid-item a:hover h5{
	color:#fff;
	}
.grid-item a:hover .tagline{
	color:#aad5ff;
	}
.grid-item-img{
	width:100%;
	display:inline-block;
	overflow:hidden;
	vertical-align:middle;
	text-align:center;
	}
.grid-item img{
	transform: translateZ(0px);
	transition-duration: 0.4s;
	transition-property: transform;
	-webkit-transform: translateZ(0px);
	-webkit-transform-duration: 0.4s;
	-webkit-transition-duration: transform;
	-moz-transform: translateZ(0px);
	-moz-transform-duration: 0.4s;
	-moz-transition-duration: transform;
	-o-transform: translateZ(0px);
	-o-transform-duration: 0.4s;
	-o-transition-duration: transform;
	}	
.grid-item a:hover img{
	transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	}	
@media only screen and (max-width:1024px) {
	.gridlayout{
		margin:0px;
		}
	}
@media only screen and (max-width:800px) {
	.grid-item{
		width:50%;
		padding:0px 10px 20px;
		}
	}
		
@media only screen and (max-width:480px) {
	.gridlayout{
		margin:0px;
		}
	.grid-item{
		width:100%;
		padding:0px 0px 15px;
		}
	}