.tiles{width:80%;font-size:0;text-align:center;position:relative;margin:5% auto;padding-top:40px;background-image:url('https://cdn2.hubspot.net/hubfs/2661669/Hubspot%20Background/dmexco-background-1.png');background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:scroll}.module_title{font-size:38px;font-weight:700}.tiles .tile{display:inline-block;max-width:20%;padding:5px 1px 5px 1px;margin:2%;text-align:left;opacity:.99;overflow:hidden;position:relative;border-radius:3px;box-shadow:0 0 20px 0 rgba(0,0,0,0.05);overflow:hidden}.tiles .tile:before{content:'';background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);width:100%;height:50%;opacity:0;position:absolute;top:100%;left:0;z-index:2;transition-property:top,opacity;transition-duration:.3s}.tiles .tile img{display:block;max-width:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.tiles .tile .details{font-size:16px;padding:20px;color:;position:absolute;bottom:0;left:0;z-index:3}.tiles .tile .details span{display:block;opacity:0;position:relative;top:100px;transition-property:top,opacity;transition-duration:.3s;transition-delay:0s}.tiles .tile .details .title{line-height:1;font-weight:600;font-size:18px}.tiles .tile .details .info{line-height:1.2;margin-top:5px;font-size:12px}.tiles .tile:focus:before,.tiles .tile:focus span,.tiles .tile:hover:before,.tiles .tile:hover span{opacity:1}.tiles .tile:focus:before,.tiles .tile:hover:before{top:50%}.tiles .tile:focus span,.tiles .tile:hover span{top:0}.tiles .tile:focus .title,.tiles .tile:hover .title{transition-delay:.15s}.tiles .tile:focus .info,.tiles .tile:hover .info{transition-delay:.25s}@media screen and (max-width:800px){.tiles{margin-top:10%}.tiles .tile{max-width:45%}.tiles .tile:hover .title{transition-delay:none !important}.tiles .tile .details span{display:block;opacity:0;position:relative;top:5px;transition-property:top,opacity;transition-duration:.3s;transition-delay:0s}.tiles .tile:before{background:0}.details .info{visibility:hidden}}@media screen and (max-width:480px){.tiles{margin-top:0}.module_title{font-size:30px;font-weight:600}}