.carousel {
  background-color: #ced4da;
}

.carousel-item {
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.carousel-item video,
.carousel-item img {
  width: 100%;
  display: block;
  margin: 0 auto;
  outline: none;
}

@media(min-width: 576px) {
  .carousel-inner {
    height: 520px;
  }
  .carousel-item video {
    height: 100%;
  }
  .carousel-item img {
    display: none;
  }
}

.breadcrumb-item a {
  font-size: 14px;
  color: #666666;
}

h1 {
  font-size: 30px;
}

.post-date {
  font-size: 18px;
  color: #666666;
}

.post-detail {
  margin: 0.5rem 0;
  padding: 0;
  list-style: none;
}

.post-location,
.post-age,
.post-phone {
  display: inline-block;
  margin: 0.25rem 0.25rem 0.25rem 0;
  padding: 5px 15px;
  font-size: 14px;
}

.post-location {
  color: #02b9cd;
  background-color: #defbfe;
}

.post-age {
  color: #e50202;
  background-color: #fbe4e4;
}

.post-phone,
.post-phone a {
  color: #d98f01;
  background-color: #fef3de;
}

.post-content {
  color: #666666;
}