#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:0.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%}
}