@charset "utf-8";
/*gallery*/
.gallery{display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:1fr 1fr;grid-gap:22px 35px;}
.gallery.areas_1{grid-template-areas:'item_1 item_2 item_3 item_4' 'item_1 item_2 item_5 item_6';}
.gallery.areas_2{grid-template-areas:'item_6 item_5 item_2 item_1' ' item_4 item_3 item_2 item_1';}
.gallery.areas_3{grid-template-areas:'item_1 item_2 item_3 item_4' 'item_1 item_5 item_6 item_7';}
.gallery.areas_4{grid-template-areas:'item_1 item_3 item_4 item_2' 'item_1 item_5 item_6 item_2';}

.gallery .item_1{grid-area:item_1;}
.gallery .item_2{grid-area:item_2;}
.gallery .item_3{grid-area:item_3;}
.gallery .item_4{grid-area:item_4;}
.gallery .item_5{grid-area:item_5;}
.gallery .item_6{grid-area:item_6;}
.gallery .item_7{grid-area:item_7;}

.gallery div{overflow:hidden;position:relative;transition:.2s ease-in;}
.gallery div::before{content:'';display:block;width:100%;height:100%;background-color:rgba(26, 54, 93, 0.7);opacity:0;position:absolute;top:0;left:0;z-index:1;transition:.3s ease-in;}
.gallery div:hover::before{opacity:1;}

.gallery div img{display:block;width:100%;height:100%;padding:0;margin:0;transition:.2s ease-out;}
.gallery div:hover img{transform:scale(1.02);}

.gallery .size_tall img{max-width:323px;max-height:615px;}
.gallery .size_short img{max-width:323px;max-height:295px;}

@media (max-width: 1230px){
	.gallery{grid-column-gap:22px;}
}

@media (max-width: 800px){
	/*gallery*/
	.gallery{grid-template-columns:repeat(2, auto);grid-template-rows:unset;justify-content:center;}
	.gallery.areas_1, .gallery.areas_2, .gallery.areas_4{grid-template-areas:'item_1 item_3' 'item_1 item_4' 'item_5 item_2' 'item_6 item_2';}
	.gallery.areas_3{grid-template-areas:'item_1 item_2' 'item_1 item_3' 'item_4 item_5' 'item_6 item_7';}
}
/*-*/