.tile-size-2 {
	width: calc( 50% - 22px );
	max-width:400px;
}

.tile-size-3 {
	width: calc( 33.33% - 22px );
	max-width:333px;
}

div.tile-size-4 {
	width: calc( 25% - 22px );
	max-width:225px;
}

div.tile-size-5 {
	width: calc( 20% - 22px );
	max-width:225px;
}

div.tile-wrapper {
    padding:10px;
    float:left; 
    position: relative;
}

div.tile-wrapper img{
    border: 0px solid #e0e0e0;
}

div.tile-wrapper div.cst-caption a{
	padding:10px;
	margin:0px;
	width:calc( 100% - 20px );
	max-width: 230px;
	# max-width of inine-teaser image is 250px, - 2x10px padding
	#background:#004e8f;
	background: #000000;
	background: rgba(0,0,0,0.8);
	color:#ffffff;
	font-family:"myriad-pro-n4", "myriad-pro", myriad, verdana, arial, sans-serif;
	position: absolute;
	bottom: 0;
	text-align:left;
	font-weight:600;
	font-size:18px;
}

div.tile-wrapper div.cst-caption a, div.tile-wrapper div.cst-caption a:hover  {
	text-decoration: none;
	color: #ffffff; !important
}

div.cst-caption {
    position: relative;
}


@media (max-width: 768px){
    div[class^="tile-size-"] {
        width: calc( 50% - 22px );
        max-width: 362px;
    }
    div.tile-size-2 {
        width: 100%;
        max-width: 768px;
    }
}
@media (max-width: 362px){
    div[class^="tile-size-"] {
        width: calc( 100% - 22px );
        max-width: 362px;
    }
    div.tile-size-2 {
        width: 100%;
        max-width: 362px;
    }
}