.restaurant .page-title {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.restaurant .page-title h1 {
  color: var(--dark-gray);
}
.restaurant .page-title p {
  font-size: 0.75rem;
}

.restaurant .content {
  margin-bottom: 1rem;
}
.restaurant .card .badge {
  background-color: var(--green-shade-5);
}
.restaurant .card-green .card-body {
  border-radius: 0 0 0.5rem 0.5rem;
}

@media only screen and (min-width: 900px) {
  .restaurant .page-title p {
    font-size: 1.5rem;
  }

  .restaurant .layout {
    display: grid;
    grid-template-columns: 1fr 480px;
    gap: 32px 32px;
    grid-template-areas: "content sidebar";
  }

  .restaurant .sidebar {
    grid-area: sidebar;
  }

  .restaurant .content {
    grid-area: content;
  }
}