.page {
  padding: 20px;
  padding-bottom: 150px;
}

@media (width <= 375px) {
  .page {
    padding: 10px;
  }
}

.main {
  display: flex;
  flex-direction: column;
  gap: 150px;
}

.section {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: 1fr;
  gap: 20px;
}

.section_2-4 {
  grid-template-areas: "h h c c c c";
}

.section_6 {
  grid-template-areas: "h h h h h h";
}

@media (width <= 768px) {
  .section {
    display: flex;
    flex-direction: column;
  }
}

.section__header {
  grid-area: h;
}

.header__title {
  position: relative;
  top: -3px;
  color: #000;
  font-weight: 700;
  font-size: 48px;
  font-style: normal;
  line-height: 96%;
  letter-spacing: -0.96px;
  leading-trim: both;
}

.header__text {
  color: #747272;
  font-weight: 400;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.4px;
}

.section__content {
  grid-area: c;
}

.section__content__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5%;
}

@media (width <= 768px) {
  .section__content__list {
    display: flex;
    flex-direction: column;
  }
}

.section__content__list_mini {
  grid-template-columns: repeat(4, 1fr);
}

.gallery {
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(5, auto);
}

.gallery__item:nth-child(1) {
  grid-column: 1 / 2;
  grid-row: 1 / 4;
}

.gallery__item:nth-child(2) {
  grid-column: 2 / 4;
  grid-row: 1 / 3;
}

.gallery__item:nth-child(3) {
  grid-column: 4 / 5;
  grid-row: 1 / 3;
}

.gallery__item:nth-child(4) {
  grid-column: 2 / 5;
  grid-row: 3 / 4;
}

.gallery__item:nth-child(5) {
  grid-column: 1 / 5;
  grid-row: 4 / 6;
}

.gallery__image {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.gallery__image_contain {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

/* Utils */
.image {
  width: 100%;
  object-fit: cover;
  object-position: center;
  box-shadow: 0px 1px 4px 0px rgba(172, 172, 172, 0.25);
}

.image_shadow {
  box-shadow: 0px 1px 4px 0px rgba(172, 172, 172, 0.25);
}

.header__url {
  position: relative;
  top: -3px;
  color: #000;
  font-family: Arial;
  font-weight: 700;
  font-size: 48px;
  font-style: normal;
  line-height: normal;
  line-height: 96%;
  letter-spacing: -0.96px;
}

.content__list {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.center {
  text-align: center;
}