div.hover-tile-small-wrapper{min-width:200px;max-width:400px;margin-left:auto;margin-right:auto;font-family:'Roboto',sans-serif}div.hover-tile-small-ratio{position:relative;padding-top:100%;width:100%;background-color:#0af}div.hover-tile-small{position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;color:#ccc}div.hover-tile-small div.title,div.hover-tile-small div.description{display:flex;justify-content:center;flex-direction:column}div.hover-tile-small div.title div.content,div.hover-tile-small div.description div.content{flex:0 0 auto}div.hover-tile-small div.title{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:0 10px;background-color:#f5f5f5;font-size:22px;line-height:1.1;font-weight:600;white-space:nowrap;letter-spacing:2px;text-transform:uppercase;border-bottom:6px solid #ccc;z-index:3;transition:height .25s ease-out,font-size .25s ease-out}div.hover-tile-small:hover{color:#134369;transition:color .25s ease-out}div.hover-tile-small-wrapper:hover div.title{height:80%;border-bottom:6px solid #0af}div.hover-tile-small div.description{display:flex;position:absolute;bottom:0;left:0;width:100%;height:0;box-sizing:border-box;font-size:16px;line-height:1.2;background-color:#0af;overflow:hidden;z-index:2;transition:height .25s ease-out}div.hover-tile-small div.description div.content{padding:10px 10%;opacity:0;transition:opacity .25s ease-out .1s}div.hover-tile-small div.description p{margin:0 0 15px 0;padding:0}div.hover-tile-small div.description a{color:#fff;font-weight:bold;text-transform:uppercase;text-decoration:none}div.hover-tile-small div.link a{position:absolute;color:#fff;font-weight:bold;text-transform:uppercase;text-decoration:none;color:#fff;bottom:15px;left:0;right:0}div.hover-tile-small-wrapper:hover div.description{height:50%}div.hover-tile-small-wrapper:hover div.description div.content{opacity:1}div.hover-tile-small-wrapper div.image{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.5;background-size:cover;z-index:1}@media screen and (min-width:800px) and (max-width:900px){div.span4 div.hover-tile-small-wrapper:hover div.hover-tile-small div.title{font-size:24px}div.span4 div.hover-tile-small-wrapper:hover div.hover-tile-small div.description{font-size:14px}div.span4 div.hover-tile-small-wrapper:hover div.hover-tile-small div.title{font-size:18px}div.span4 div.hover-tile-small-wrapper:hover div.hover-tile-small div.description{font-size:12px}}@media screen and (min-width:900px) and (max-width:1000px){div.span4 div.hover-tile-small-wrapper:hover div.hover-tile-small div.title{font-size:28px}div.span3 div.hover-tile-small-wrapper:hover div.hover-tile-small div.title{font-size:24px}}