html{overflow-y:scroll}body{font-family:sans-serif;margin:0;padding:0}.item{float:left;line-height:1em;position:relative}.grid-sizer{width:20%}@media screen and (max-width:1224px){.grid-sizer,.item{width:33.33%}}@media screen and (max-width:720px){.grid-sizer,.item{width:50%}}@media screen and (max-width:480px){.grid-sizer,.item{width:100%}}.image{margin:0;display:block;max-width:100%}.image:after{clear:both}.overlay{left:0;text-decoration:none;display:none;color:#fff;position:absolute;top:0;height:100%;background-color:rgba(0,0,0,.5);width:100%}.overlay .title{text-align:center;font-size:30px}.overlay .description{left:0;margin:0;position:absolute;bottom:0;background-color:rgba(0,0,0,.8);width:100%}.overlay .description p{margin:20px}.item:hover .overlay{display:block}