.page-template-container {
  padding-bottom: 50px;
}

.page-template-container .full-gallery {
  margin-bottom: 20px;
}

.pt-container .program-types .rec-img-cont {
  margin-bottom: 15px;
}

@media (min-width: 768px) and (max-width: 992px) {
  .pt-container .program-types .pt-p {
    height: 43px;
  }
}

@media (min-width: 992px) {
  .pt-container .m-4-col .rec-img-cont {
    height: 200px;
  }
}

@media (min-width: 1200px) {
  .pt-container .m-4-col .rec-img-cont {
    height: 250px;
  }
}

@media (min-width: 1400px) {
  .pt-container .m-4-col .rec-img-cont {
    height: 300px;
  }
}

/* Homepage: constrain the hero banner and the card row to the page container
   width. The shared microsite styles make both full-bleed (capped at 1600px),
   which leaves them wider than the rest of the page. */
.la-homepage-slider-container {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .la-homepage-slider-container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .la-homepage-slider-container {
    width: 970px;
  }

  .la-pt-container > .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .la-homepage-slider-container {
    width: 1170px;
  }

  .la-pt-container > .container {
    width: 1170px;
  }
}