.image-container *,.image-container *:before,.image-container *:after{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.image-container{padding:1em 0;float:left;width:50%}@media screen and (max-width:640px){.image-container{display:block;width:100%}}@media screen and (min-width:900px){.image-container{width:33.33333%}}.image-container .title{color:#1a1a1a;text-align:center;margin-bottom:10px}.content{position:relative;width:90%;max-width:500px;margin:auto;overflow:hidden}.content .content-overlay{background:rgba(0,0,0,.7);position:absolute;height:99%;width:100%;left:0;top:0;bottom:0;right:0;opacity:0;-webkit-transition:all .4s ease-in-out 0s;-moz-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s}.content:hover .content-overlay{opacity:1}.content-image{width:100%}.content-details{position:absolute;text-align:center;padding-left:1em;padding-right:1em;width:100%;top:50%;left:50%;opacity:0;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}.content:hover .content-details{top:50%;left:50%;opacity:1}.content-details h3{color:#fff;font-weight:500;letter-spacing:.15em;margin-bottom:.5em;text-transform:uppercase}.content-details p{color:#fff;font-size:.8em}.fadeIn-bottom{top:80%}.fadeIn-top{top:20%}.fadeIn-left{left:20%}.fadeIn-right{left:80%}