#imageGroups{position:relative;height:auto;overflow:hidden}.promoColumnImage{position:relative;display:block;width:700px;height:700px;float:left;background-size:100% 100%;background-position:50% 50%;background-repeat:no-repeat;cursor:pointer}.grayscaleImg{position:absolute;top:0;left:0;width:100%;height:100%;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%);filter:gray;background-size:100% 100%;background-position:50% 50%;background-repeat:no-repeat;opacity:0;transition:opacity .4s ease-out;-moz-transition:opacity .4s ease-out;-webkit-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out}.promoWideImage:hover .grayscaleImg,.promoColumnImage:hover .grayscaleImg{opacity:1}.promoWideImage:hover .promoImageColumnText,.promoColumnImage:hover .promoImageColumnText{color:#58595b}.promoWideImage{position:relative;float:left;width:335px;height:335px;margin-bottom:30px;margin-left:30px;background-size:100% 100%;background-position:50% 50%;background-repeat:no-repeat;cursor:pointer}.fullScreenPromo{width:98.8%;margin:0 auto;height:auto;position:relative;display:block;margin-bottom:10px;margin-top:10px}.fullScreenContainer{display:block;width:100%;position:relative;height:auto;overflow:hidden}.promoImageColumnText{position:absolute;bottom:20px;left:20px;text-align:left;color:#fff;font-size:28px;font-weight:700;letter-spacing:2px;transition:color .4s ease-out;-moz-transition:color .4s ease-out;-webkit-transition:color .4s ease-out;-o-transition:color .4s ease-out}.bkgHovered{opacity:.8}.textHovered{opacity:1}@media screen and (max-width:768px){.promoColumnImage{width:100%;height:90vw;margin:0 auto;display:block;float:none;margin-bottom:30px}.promoWideImage{width:47.5%;height:43vw;margin-left:0;margin-right:2.5%;display:block;margin-bottom:30px}.promoWideImage:nth-child(odd){margin-left:2.5%;margin-right:0}.promoImageColumnText{font-size:17px;left:15px;bottom:15px}.promoColumnImage .promoImageColumnText{font-size:25px}}