@charset 'utf-8';

/*single-info.css*/

#page-title {
    height: 137px;
}

@media (min-width: 768px) {

    #page-title {
      height: 208px;
    }

  }

@media (min-width: 960px) {

  #page-title h1 {
    padding-top: 104px;
    font-size: 6rem;
  }

}


h1.article-title {
  padding-block: 57px 30px;
  text-align: center;
  color: var(--base-color6);
  font-size: 2rem;
}

@media (min-width: 768px) {

  h1.article-title {
    padding-block: 80px 30px;
    font-size: 2.3rem;
  }

}

.meta p {
  padding-block: 20px 10px;
  font-size: 1.5rem;
  text-align: center;
}

@media (min-width: 768px) {

  .meta p {
    padding-block: 30px 10px;
    font-size: 1.6rem;
  }

}

@media (min-width: 960px) {

  .meta p {
    padding-block: 40px 10px;
    font-size: 1.8rem;
  }

}

.text-info {
  width: fit-content;
  margin-inline: auto;
  padding-block: 10px 30px;
  font-size: 1.4rem;
  
}

@media (min-width: 768px) {

  .text-info {
    padding-block: 10px 30px;
    font-size: 1.5rem;
    text-align: center;
  }

}

@media (min-width: 960px) {

  .text-info {
    padding-block: 10px 60px;
    font-size: 1.7rem;
  }

}