/*шрифты*/
.photo_header{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 64px;
    line-height: 64px;
    color: #BDBDBD;
}
.gallery_header{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 64px;
    color: #333333;
}
/* позиционирование заголовок*/
.photo_header{
    max-width: 1170px;
    margin: 0 auto;
    margin-bottom: 60px;
    margin-top: 63px;
}
/* позиционирование галерея*/
.gallery_conteiner{
    display: grid;
    margin: 0 auto;
    width: 100%;
    max-width: 1170px;
    height: max-content;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr 1fr;
    gap: 2.5%;
    justify-content: center;
    justify-items: center;
}
.gallery_navig{
    display: grid;
    margin: 0 auto;
    grid-template-columns: 210px 55px 55px;
    gap: 22px;
    margin-top: 60px;
    max-width: 1170px;
}
.button_back, .button_forward{
    width: 55px;
    height: 55px;
    transform: rotate(0.93deg);
}
.button_back{
    background-image: url(/assets/img/2_img_Frame1.png);
    background-repeat: no-repeat;
    border: 000000;
}
.button_forward{
    background-image: url(/assets/img/2_img_Frame2.png);
    background-repeat: no-repeat;
    border: 000000;
}
/*адаптивность*/
@media screen and (min-width: 960px) and (max-width: 1199px) {
    .gallery_conteiner{
        max-width: 1200px;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(4, 1fr);
    }
    .cell_gallery_img{
        max-width: 100%;
    }
}
@media screen and (min-width: 640px) and (max-width: 959px) {
    .gallery_conteiner{
        max-width: 800px;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(5, 1fr);
    }
    .cell_gallery_img{
        max-width: 100%;
    }
}
@media screen and (min-width: 480px) and (max-width: 639px) {
    .gallery_conteiner{
        max-width: 480px;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(6, 1fr);
    }
    .cell_gallery_img{
        max-width: 100%;
    }
}
@media screen and (max-width: 479px) {
    .gallery_conteiner{
        max-width: 480px;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(6, 1fr);
    }
    .cell_gallery_img{
        max-width: 100%;
    }
    .gallery_navig{
        grid-template-columns: 150px 55px 55px;
        gap: 1%;
        margin-top: 60px;
        max-width: 480px;
    }
    .gallery_1_5{
        max-width: 150px
    }
}