@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100;0,9..40,200;0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;0,9..40,1000;1,9..40,100;1,9..40,200;1,9..40,300;1,9..40,400;1,9..40,500;1,9..40,600;1,9..40,700;1,9..40,800;1,9..40,900;1,9..40,1000&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100;0,9..40,200;0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;0,9..40,1000;1,9..40,100;1,9..40,200;1,9..40,300;1,9..40,400;1,9..40,500;1,9..40,600;1,9..40,700;1,9..40,800;1,9..40,900;1,9..40,1000&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*  font-family: 'DM Sans', sans-serif;
    font-family: 'Playfair Display', serif; */

body {
    background-color: #F2F2F2;
}

.wrapper {
    max-width: 1600px;
    margin: 0 auto;
}

/* Header styles start */
.header {
    padding: 44px 62px 0 40px;
}

.header_content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.btn-menu {
    align-self: center;
    height: 36px;
    width: 29px;
    background-image: url("../img/btn_menu.svg");
}
/* Header styles end */

/* First Screen styles start */
.first-screen {
    min-height: 712px;
}
.title {
    padding: 202px 511px 156px 177px;
    font-family: 'Playfair Display', serif;
    font-weight: 500;
    font-size: 102px;
    line-height: 98.7%;
}
/* First Screen styles end */

/* Text section styles start */
.text {
    padding: 66px 0 141px 0;
}
.up-text {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-left: 179px;
    padding-right: 180px;
}
.up-text_left:before {
    content: "";
    max-width: 34px;
    display: block;
    border-top: 1px solid #000;
    margin-bottom: 16px;
}
.up-text_left {
    max-width: 296px;
    font-size: 24px;
    line-height: 153.7%;
}
.up-text_right {
    max-width: 820px;
    min-height: 200px;
    font-family: 'Playfair Display', serif;
    font-weight: 500;
    font-size: 40px;
    line-height: 120%;
}
.down-text {
    padding: 114px 170px 141px 810px;
}
.down-text_subtitle {
    margin-bottom: 27px;
    min-height: 43px;
    font-size: 28px;
    font-weight: 700;
    line-height: 154%;
}
.down-text_content {
    min-height: 501px;    
    font-size: 24px;
    font-weight: 500;
    line-height: 153.7%;
    word-spacing: 0.23em;
}
/* Text section styles end */

/* Gallery section styles start */
.gallery {
    max-width: 1244px;
    min-height: 934px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.gallery_img {
    padding-top: 31px;
}
.gallery_img-caption {
    min-height: 164px;
    max-width: 296px;
    font-size: 24px;
    font-weight: 500;
    line-height: 153.7%;
    word-spacing: 0.23em;
}
.gallery_img-caption:before {
    padding-top: 16px;
    content: "";
    max-width: 34px;
    display: block;
    border-bottom: 1px solid #000;
    margin-bottom: 16px;
}
  .gallery_img {
    width: 100%;
    height: auto;
    transition: filter 0.3s ease;
  }
  
.gallery_img:hover {
    filter: brightness(50%); /* Затемнення при наведенні на фото*/
  }
/* Gallery section styles end */

/* Footer section styles start */
.footer {
    background-color: black;
    min-height: 690px;
    color: #F2F2F2;
}
.footer-content {
    padding: 91px 148px 82px 102px;
}
.footer_up {
    margin-bottom: 215px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.footer_lists {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.footer_logo {
    display: inline-block;
    width: 117px;
    height: 71px;
    background-image: url(../img/footer_logo.png);
}
.footer_container-list {
    padding-left: 105px;
}
.footer_title-list {
    font-family: 'Playfair Display', serif;
    font-size: 39px;
    line-height: 198.7%;
}
.footer_list-item {
    font-size: 22px;
    line-height: 198.7%;
}
.footer_down {
    display: flex;
    justify-content: space-between;
}
.footer_down-half a {
    max-width: 410px;
    padding-left: 32px;
    color: #F2F2F2;
    font-size: 24px;
    font-weight: 700;
}
/* Footer section styles end */