/* photos */
.photolist { margin-left:0 !important; }
.photolist li {transition: 0.5s; overflow:hidden; border:5px solid #1f1f7e;display:block; float:left; list-style:none; position: relative; width: calc(50% - 60px); margin: 20px; padding-top: 33%; }
.photolist li .inside{position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.photolist li .inside .title-bg{display:block; position: absolute; bottom: 0; left:0; right:0;}
.photolist .title{text-shadow: 0 0 8px rgba(8, 9, 8, 0.57); display:block; padding: 5px; font-size: 16px; line-height:20px; height:40px; font-weight:bold; text-align:center; transition: 0.5s; text-decoration:none!important; color:#fff!important; }
.photolist li .inside a{ display:block; width:100%; height: 100%;}
.photolist picture{width:100%; height:100%; display:block;}
.photolist picture *{width:100%; height:100%!important; object-fit:cover;}

/* place at the hover effect media queries */
@media only screen and (min-width: 1099px) {
	.photolist li:hover  { transform: scale(1.05); }
}

@media only screen and (max-width:979px) {
	.photolist li { width: calc(50% - 30px); margin: 10px;}

}


@media only screen and (max-width: 425px) {
	.photolist li { width: calc(100% - 10px); padding-top: 75%; margin: 10px 0; }
}