/* ================= ARTS HERO IMAGE ================= */

.arts {
  background: url("images/arts.jpeg") center/cover no-repeat;
}

/* ================= ARTS PAGE IMAGE FIX ================= */

.houses-main img {
  width: 100%;
  height: 520px;
  object-fit: cover;
  display: block;
  margin: 55px 0 70px;
}

/* First large image */
.houses-main img:first-of-type {
  height: 560px;
  object-position: center 35%;
}

/* Other arts images */
.houses-main img:not(:first-of-type) {
  height: 460px;
}

/* Better spacing around subheadings */
.houses-main h2 {
  margin-top: 70px;
  margin-bottom: 22px;
  font-size: 34px;
  font-weight: 400;
  color: #002f63;
}

.houses-main hr {
  margin: 70px 0;
  border: none;
  border-top: 1px solid #ddd;
}

/* ================= ARTS MOBILE ================= */

@media (max-width: 768px) {

  .houses-main {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .houses-main img,
  .houses-main img:first-of-type,
  .houses-main img:not(:first-of-type) {
    width: 100%;
    height: 320px;
    object-fit: cover;
    display: block;
    margin: 35px 0 45px;
  }

  .houses-content {
    padding: 35px 22px;
  }

  .houses-content h2 {
    font-size: 30px;
    line-height: 1.2;
  }

  .houses-content p {
    font-size: 16px;
    line-height: 1.7;
  }
}

@media (max-width: 500px) {

  .houses-main img,
  .houses-main img:first-of-type,
  .houses-main img:not(:first-of-type) {
    height: 260px;
  }

  .houses-content {
    padding: 28px 18px;
  }

  .houses-content h2 {
    font-size: 26px;
  }

  .houses-content p {
    font-size: 14px;
  }
}