#titleTiles2x2 { margin: 2em 0 0em -3px;}
#titleTiles2x2 .tile { display: block; float: left; background-color: #AAAAAA; box-sizing: border-box; border-left: 3px solid #FFFFFF; height: 300px; margin-top: 3px; position: relative; background-size: cover; padding: 0; min-width: 50%; background-position: 50% 50%; overflow: hidden;}
#titleTiles2x2 .tile-mega { height: 614px;}
#titleTiles2x2 .bgImg {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s
;
    background-size: cover;
    background-position: 50% 50%;
}
#titleTiles2x2 .tile:hover .bgImg{-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);    
      transform: scale(1.1,1.1);}
#titleTiles2x2 .tile-mega .title { font-size: 2.5em; line-height: 1em; padding-right: 4em; }
#titleTiles2x2 .hoverOverlay {
    background-image: url('/Images/Home/AtAGlance/articleColorOverlay.png');
    height: 100%;
    width: 100%;
    position: absolute;
    display: none;
}
#titleTiles2x2 .tile:hover .hoverOverlay {display:block;}
#titleTiles2x2 .gradientOverlay {
    background-image: url('/Images/Home/AtAGlance/articleGradient.png');
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background-size: 100% 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(  src='/Images/Home/AtAGlance/articleGradient.png',  sizingMethod='scale')";
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(  src='/Images/Home/AtAGlance/articleGradient.png',  sizingMethod='scale');
}
.ie8 #titleTiles2x2 .gradientOverlay {
    background-image: none;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(  src='/Images/Home/AtAGlance/articleGradient.png',  sizingMethod='scale')";
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(  src='/Images/Home/AtAGlance/articleGradient.png',  sizingMethod='scale');
}
#titleTiles2x2 .title { position: absolute; bottom: 0; padding: 1em 2em; color: white; font-weight: 300; min-height:58px; font-size: 24px;}

@media (max-width: 1200px){
  #titleTiles2x2 .tile{height:250px}
  #titleTiles2x2 .title {font-size:20px}
}

@media (max-width:767px) {
  #titleTiles2x2 .tile { margin: 0 0 1em 0; }
}

@media (max-width: 479px) {
  #titleTiles2x2 .title { font-size: 16px; line-height: 1.3; }
}