.intro h3 a {
  font-weight: 400;
}

/* Masonry grid */
.masonry {
  transition: all .5s ease-in-out;
  column-gap: 30px;
  column-fill: initial;
}

/* Masonry item */
.masonry .brick {
  margin-bottom: 30px;
  display: inline-block;  /*Fix the misalignment of items */
  vertical-align: top; /* Keep the item on the very top */
  text-align:justify;
}


/* Masonry image effects */



/* Bordered masonry */
.masonry.bordered {
  column-rule: 1px solid #eee;
  column-gap: 50px;
}

.masonry.bordered .brick {
  padding-bottom: 25px;
  margin-bottom: 25px;

}


/* Gutterless masonry */
.masonry.gutterless {
  column-gap: 0;
}

.masonry.gutterless .brick {
  margin-bottom: 0;
}

/* Masonry on tablets */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .masonry {
    column-count: 1;
  }
}

/* Masonry on big screens */
@media only screen and (min-width: 1024px) {
  .desc {
    font-size: 1.25em;
  }

  .intro {
    letter-spacing: 1px;
  }

  .masonry {
    column-count: 3;

  }
}

 .masonry {
	 


 }
 
  .container {
	 text-align: justify;
	
 }
 
 
 
 
@supports (-ms-ime-align:auto) {
  .masonry {
    display: flex;
    flex-wrap: wrap;
    column-count: initial !important;
    overflow-x: visible;
    justify-content: space-between; /* Добавлено для горизонтального выравнивания */
  }
  
  .masonry .brick {
    flex: 1 1 calc(33.3% - 30px); /* Исправлено: базовая ширина 33.3% */
    display: block;
    margin-right: 0; /* Убрано дублирование отступов */
    margin-bottom: 30px;
    width: auto;
    max-width: calc(33.3% - 30px);
    box-sizing: border-box; /* Важно для правильного расчёта ширины */
  }

  /* Убрать отступ справа у каждого третьего элемента */
  .masonry .brick:nth-child(3n) {
    margin-right: 0;
  }
}