.news {
  background: #F5EEE6;
  box-shadow: 0px 30px 40px #DFD9CE;
  padding: 60px 10px;
}
@media (max-width: 768px) {
  .news {
    padding: 10px;
  }
}
.news .title-and-button {
  display: flex;
  justify-content: space-between;
  max-width: 1024px;
  width: 100%;
  margin: 0 auto 100px;
}
@media (max-width: 768px) {
  .news .title-and-button {
    flex-direction: column;
    margin: 0 auto 20px;
  }
}
.news .title-and-button h2 {
  font-size: 35px;
  line-height: 120%;
  letter-spacing: 0.02em;
}
@media (max-width: 768px) {
  .news .title-and-button h2 {
    margin-bottom: 20px;
  }
}
.news .title-and-button .main-button {
  max-width: 170px;
}
.news .news-container {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}
@media (max-width: 768px) {
  .news .news-container {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .news .news-container .news-item {
    display: flex;
    flex-direction: column;
  }
}
.news .news-container .news-item .content-container {
  margin: 10px 20px;
}
.news .news-container .news-item .content-container img {
  border-radius: 10px;
}
.news .news-container .news-item .content-container h3 {
  margin: 30px 0 13px;
}
.news .news-container .news-item .content-container p {
  margin-bottom: 20px;
}
.news .news-container .news-item .content-container .date {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.news .news-container .news-item .content-container .date .main-button {
  max-width: 170px;
}

/*# sourceMappingURL=news.css.map */