slide {

	display:inline-table;
	/*width: 300px;*/
	width:20%;

	overflow:hidden;
	background:#fff;
	margin-right:2%;
	margin-left:2%;
	box-shadow: 1px 1px 1px 1px #ccc;
	margin-bottom: 30px;
	cursor:pointer;
	/*padding-bottom: 15px;*/
}
slide img {


	width:100%;
	max-width:100%;
	height: auto;


}
slide:hover {

	opacity: 0.6;
    	filter: alpha(opacity=60); /* For IE8 and earlier */

}
slide>div>h1 {

	font-family: Cardo;
	font-size:20px;
	/*margin-top:10px;*/
	text-align:left;
	color:##00BFFF;
	padding:10px;
	padding-left:20px;

}
slide>div>div>content {
	font-family: Khula;
	font-size: 18px;
	line-height:20px;
	color:rgb(100,100,100);

}

@media screen and (max-width: 989px) {

	slide {

		width:100%;
		height: auto;
		margin-right:0px;
		margin-left:0px;
		padding-bottom:30px;
	}

}