.imgwrap{position:relative}.hf-container h2{color:#fff;font-size:36px;position:absolute;bottom:20px}.btn-categories{background-color:#09d;text-transform:uppercase;color:#fff;font-size:16px;font-weight:700;padding:15px 25px;margin:15px 0 40px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}.btn-categories:hover{background-color:#008dcb;color:#fff}.categories-wrapper{height:400px;position:absolute;width:100%}.hf-container h4{color:#009bdb;font-weight:700;margin:40px 0 10px}.hf-container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.hf-container:after,.hf-container:before{content:" ";display:table}.hf-container:after{clear:both}.hf-container .categories-wrapper h2{font-size:25px}.left .imgwrap{padding:0 2px 0 0}.right .imgwrap{padding:0 0 0 2px}.left .hf-container{margin-right:3%}.right .hf-container{margin-left:3%}.left .hf-container h2{padding-left:15px}.right .hf-container .col-xs-12{padding-left:0}@media (min-width:768px){.hf-container{width:375px}}@media (min-width:992px){.hf-container{width:485px}}@media (min-width:1325px){.hf-container{width:637px}.imgwrap img.img-responsive{width:100%}}@media (min-width:768px) and (max-width:970px){.hf-container h2{font-size:25px}}@media (max-width:768px){.right .hf-container{padding-left:15px!important}.hf-container{margin:0!important;padding:0!important}}