.area-card-description-multi {
  padding-bottom: 1vh;
}

.area-card-header {
  height: 16vh;
}

.area-card-header-title {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.area-card-title {
  max-height: 40%;
  font-size: 2rem;
  overflow: hidden;
}

.area-card-subtitle {
  max-height: 60%;
  font-size: 3rem;
  overflow: hidden;
}

.area-card-body.area-card-body-multi {
  overflow: hidden;
  height: 15vh;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.area-card-footer.area-card-footer-multi {
  position: static;
  height: 8vh;
}

@media (max-width: 450px) {
  .area-card-body.area-card-body-multi {
    height: auto;
  }

  .area-card-header {
    height: auto;
    max-height: 25vh;
    overflow: hidden;
  }

  .area-card-body-multi {
    margin-top: 3vh;
    height: auto;
    padding-bottom: 3vh;
    max-height: 30vh;
    overflow: hidden;
  }

  .area-card-footer.area-card-footer-multi {
    bottom: 0vh;
  }
}