.site-logo {
  width: 218px;
  height: 62px;
  object-fit: contain;
  object-position: left center;
}

.footer-logo {
  width: 250px;
  height: auto;
  margin-bottom: 16px;
}

.course-catalog { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; }
.course-catalog .card { display: flex; flex-direction: column; }
.course-catalog .course-card.hidden { display: none; }
.course-catalog .card img { height: 210px; }
.course-catalog .card-body { display: flex; flex: 1; flex-direction: column; }
.course-catalog .course-list { flex: 1; margin-bottom: 22px; }
.course-catalog .btn { align-self: flex-start; }

@media (max-width: 1100px) {
  .site-logo {
    width: 178px;
    height: 54px;
  }

  .nav-links a {
    padding-inline: 9px;
  }
}

@media (max-width: 900px) {
  .course-catalog { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
  .course-catalog { grid-template-columns: 1fr; }
  .site-logo {
    width: 172px;
    height: 52px;
  }

  .footer-logo {
    width: 220px;
  }
}