/* Ingredient Section */
.news-show-sec {
  width: 100%;
  position: relative;
  padding-top: 8rem;
  padding-bottom: 58px;
  padding-left: 2rem;
  padding-right: 2rem;

  background-image: url(../img/index/mobbackground.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;

  overflow: hidden;

  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: min-content 1fr;
  min-height: calc(100vh - 371px);

  grid-template-areas:
    "img"
    "content"
  ;
}

.news-img {
  grid-area: img;
  width: 100%;
  display: block;
  margin: 0 auto 21px auto;
}
.news-content-wrapper {
  grid-area: content;
}

.news-title {
  font-size: 22px;
  color: #b9823b;
  margin-bottom: 18px;
}

.news-content {
  font-size: 13px;
  line-height: 1.54;
  margin-bottom: 20px;
}

.news-date {
  font-size: 14px;
  color: #aaaaaa;
}

.news-more {
  font-size: 14px;
  color: #b9823b;
}

.news-back-arrow {
  width: 35px;
  margin-top: -15px;
  transform: translateY(13px);
}

.news-back {
  font-size:15px;
  color: #b8813b;
  text-align: center;
}
@media (min-width: 768px) {
  .news-show-sec {
    padding-top: 0;
    padding-bottom: 0;
    background-image: url(../img/index/webbackground.png);

    margin: 0 auto;
    display: grid;
    grid-template-columns: 8fr 29vw 500px 10fr;
    grid-template-rows: 200px 1fr 130px;
    min-height: calc(100vh - 371px);
    grid-template-areas:
    ". . . ."
    ". img content ."
    ". . . ."
    ;
  }
  .news-content-wrapper {
    margin-left: 90px;
  }
  .news-title {
    font-size: 25px;
  }
  .news-content {
    font-size: 15px;
  }
  .news-date-wrapper {
    display: flex;
    justify-content: space-between;
  }
}

@media (min-width: 1536px) {

}