/* 

====================
 photos photo page
====================

*/
.photos {
    margin-top: 10rem;
}
.photos__title {
    width: 26rem;
}
.photo__items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: 280px 1rem 280px 1rem 280px 1rem 280px;
    grid-template-rows: repeat(4, 280px);
        grid-template-areas:
        "photo__one photo__one"
        "photo__two photo__three"
        "photo__four photo__four"
        "photo__five photo__five";
    gap: 1rem;
}
.photo__item {
    border-radius: 2rem;
    overflow: hidden;
}
.photo {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: all 150ms ease-in;
    -o-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
}
.photo__items--photos-page {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    -ms-grid-rows: 280px 1rem 280px 1rem 280px 1rem 280px 1rem 280px 1rem 280px 1rem 280px 1rem 280px 1rem 280px 1rem 280px 1rem 280px 1rem 280px 1rem 280px 1rem 280px 1rem 280px 1rem 280px 1rem 280px 1rem 280px;
    grid-template-rows: repeat(18, 280px);
        grid-template-areas:
        "photo__one--photos-page"
        "photo__two--photos-page"
        "photo__three--photos-page"
        "photo__four--photos-page"
        "photo__five--photos-page"
        "photo__six--photos-page"
        "photo__seven--photos-page"
        "photo__eight--photos-page"
        "photo__nine--photos-page"
        "photo__ten--photos-page"
        "photo__eleven--photos-page"
        "photo__twelve--photos-page"
        "photo__therteen--photos-page"
        "photo__fourteen--photos-page"
        "photo__fifteen--photos-page"
        "photo__sixteen--photos-page"
        "photo__seventeen--photos-page"
        "photo__eighteen--photos-page";
    gap: 1rem;
}
.photo__one--photos-page {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: photo__one--photos-page;
}
.photo__two--photos-page {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: photo__two--photos-page;
}
.photo__three--photos-page {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    grid-area: photo__three--photos-page;
}
.photo__four--photos-page {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    grid-area: photo__four--photos-page;
}
.photo__five--photos-page {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
    grid-area: photo__five--photos-page;
}
.photo__six--photos-page {
    -ms-grid-row: 11;
    -ms-grid-column: 1;
    grid-area: photo__six--photos-page;
}
.photo__seven--photos-page {
    -ms-grid-row: 13;
    -ms-grid-column: 1;
    grid-area: photo__seven--photos-page;
}
.photo__eight--photos-page {
    -ms-grid-row: 15;
    -ms-grid-column: 1;
    grid-area: photo__eight--photos-page;
}
.photo__nine--photos-page {
    -ms-grid-row: 17;
    -ms-grid-column: 1;
    grid-area: photo__nine--photos-page;
}
.photo__ten--photos-page {
    -ms-grid-row: 19;
    -ms-grid-column: 1;
    grid-area: photo__ten--photos-page;
}
.photo__eleven--photos-page {
    -ms-grid-row: 21;
    -ms-grid-column: 1;
    grid-area: photo__eleven--photos-page;
}
.photo__twelve--photos-page {
    -ms-grid-row: 23;
    -ms-grid-column: 1;
    grid-area: photo__twelve--photos-page;
}
.photo__therteen--photos-page {
    -ms-grid-row: 25;
    -ms-grid-column: 1;
    grid-area: photo__therteen--photos-page;
}
.photo__fourteen--photos-page {
    -ms-grid-row: 27;
    -ms-grid-column: 1;
    grid-area: photo__fourteen--photos-page;
}
.photo__fifteen--photos-page {
    -ms-grid-row: 29;
    -ms-grid-column: 1;
    grid-area: photo__fifteen--photos-page;
}
.photo__sixteen--photos-page {
    -ms-grid-row: 31;
    -ms-grid-column: 1;
    grid-area: photo__sixteen--photos-page;
}
.photo__seventeen--photos-page {
    -ms-grid-row: 33;
    -ms-grid-column: 1;
    grid-area: photo__seventeen--photos-page;
}
.photo__eighteen--photos-page {
    -ms-grid-row: 35;
    -ms-grid-column: 1;
    grid-area: photo__eighteen--photos-page;
}