#dogs_wrap{margin:0 0 20px}#dogs_wrap ul.dogs-grid{display:flex;flex-wrap:wrap;list-style:none;margin:0 -20px;padding:0}#dogs_wrap ul.dogs-grid li{margin:0;padding:20px;width:25%}.dog-item{position:relative;overflow:hidden}.dog-image{position:relative;display:table;margin:0 0 20px;width:100%;background:#000;overflow:hidden}.dog-image img{float:left;width:100%;transition:opacity .3s}.dog-texts{position:absolute;left:0;right:0;bottom:-50px;padding:16px 18px;color:#fff;font-size:14px;line-height:1.5;opacity:0;transition:all .3s}.dog-item:hover .dog-image img{opacity:.35}.dog-item:hover .dog-texts{bottom:0;opacity:1}.dog-content{color:#798289}.dog-name{font-size:18px;line-height:1.2}.dog-meta{margin-top:7px;font-size:16px;line-height:1.6;font-style:italic}@media only screen and (max-width:1360px){#dogs_wrap ul.dogs-grid li{width:33.333333%}}@media only screen and (max-width:980px){#dogs_wrap ul.dogs-grid li{width:50%}}@media only screen and (max-width:640px){#dogs_wrap ul.dogs-grid li{width:100%}}