/* Import Raleway font 800 weight  */
@import url('https://fonts.googleapis.com/css?family=Raleway:800');
	
/* Sets default ¿ì²¥ÊÓƵ blue overlay color  */
.overlay-tile-title {
    padding-bottom: 5px;
    background: -moz-linear-gradient(top, rgba(63,141,192,0.9) 0%, rgba(63,141,192,0.9) 47%, rgba(63,141,192,0.9) 60%, rgba(63,141,192,0.9) 100%);
    background: -webkit-linear-gradient(top, rgba(63,141,192,0.9) 0%,rgba(63,141,192,0.9) 47%,rgba(63,141,192,0.9) 60%,rgba(63,141,192,0.9) 100%);
    background: linear-gradient(to bottom, rgba(63,141,192,0.9) 0%,rgba(63,141,192,0.9) 47%,rgba(63,141,192,0.9) 60%,rgba(63,141,192,0.9) 100%);
    filter: none;
}
/* Sets tile title to Raleway, white text, shadow */
.overlay-tile .overlay-tile-title h4 {
    font-family: 'Raleway';
/* MacOS needs font smoothing */
	-webkit-font-smoothing: antialiased;
    font-size: 24px;
    line-height: 1em;
    text-shadow: rgba(0, 0, 0, 1) 1px 1px 0px;
    font-weight: 800;
    color: rgb(255, 255, 255);
    margin: 0px;
}
/* Sets tile max width so boxes don't exceed image backgrounds, centers boxes when columns collapse */
.overlay-tile {
    max-width: 320px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}	
/* Change tile title link hover behavior */
.overlay-tile:hover .overlay-tile-title h4 {
    text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
	color: #FFF;
}	
/* Keeps images crisp when scaled down */
p.overlay-tile-image-block img{
    image-rendering: -moz-crisp-edges;        /* Firefox */
    image-rendering: -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
}    

/* Fix for Safari  */
@media not all and (min-resolution:.001dpcm) { @media { p.overlay-tile-image-block img { image-rendering: unset; } } }


/* sm css styles */
@media (min-width: 768px) {
	.overlay-tile {
		max-width: 440px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}
}