.ci_tile {
	max-width:300px;
	width:20%;
	margin-right:0px;
	min-width:200px;
	float:left;
	overflow: hidden;
	padding:0px;
	position:relative;
	height:auto;
	border:5px solid #ffffff;
	box-sizing: border-box;
}
.ci_back_image {
	z-index: 1;
	width:100%;
	height:auto;
	vertical-align: bottom;
}
.ci_tile_image {
	position:absolute;
	top:0px;
	left:0px;
	z-index: 2;
	width:100%;
	height:auto;
	vertical-align: bottom;
	/*
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-box-shadow:2px 2px 3px rgba(33,33,33,1);  
    -webkit-box-shadow: 2px 2px 3px rgba(33,33,33,.7);  
    */     box-shadow: 2px 2px 3px rgba(33,33,33,.7);

}
.ci_tile_link {
    font-family: 'Rock Salt', Cursive;
	text-align:left;
	position:absolute;
	top:7%;
	left:4%;
	font-size: 1.4em;
	margin-right: 10px;
	z-index: 3;
	color:#0D4AA1;
}
.ci_tile_rollover {
	color:#dddddd;
	position:absolute;
	top:17%;
	/*max-width:250px;*/
	max-width:300px;
	width:92%;
	margin-left:4%;
	margin-right:4%;
	min-width:200px;
	max-height:200px;
	height:78%;
	overflow: hidden;
	z-index: 3;
}
.ci_tile_rollover_on {
	visibility: visible;
	display: block;
}
.ci_tile_rollover_off {
	visibility:hidden;
	display: none;
}

@media only screen and (max-width: 800px) {
	.ci_tile {
		max-width:300px;
		width:25%;
		min-width:180px;
	}
	.ci_tile_link {
		font-size: 1.3em;
	}
	.ci_tile_rollover {
		top:17%;
		max-width:300px;
		width:92%;
		margin-left:4%;
		margin-right:4%;
		min-width:150px;
		max-height:150px;
		height:78%;
	}
}
@media only screen and (max-width: 420px) {
	.ci_tile {
		max-width:300px;
		width:50%;
		min-width:150px;
	}
	.ci_tile_link {
		font-size: 1.2em;
	}
	.ci_tile_rollover {
		top:17%;
		max-width:300px;
		width:92%;
		margin-left:4%;
		margin-right:4%;
		min-width:130px;
		max-height:120px;
		height:78%;
	}
}