.american-humane .tmpl-a {
  -ms-flex-pack: start;
  justify-content: flex-start
}
.american-humane .tmpl-a .tmpl-wrapper {
  -ms-flex-direction: column;
  flex-direction: column
}
.american-humane .tmpl-a h1 {
  color: #fff
}
@media (max-width:600px) {
  .american-humane .tmpl-a h1 {
    color: #000
  }
  .american-humane .tmpl-a h1 span {
    display: inline
  }
}
.american-humane .tmpl-a button {
  margin-top: 3em
}
.american-humane .tmpl-a.parallax::before {
  background-image: url(../../img/pages/american-humane-hero.jpg);
  background-position: center center
}
.american-humane .tmpl-h-left .tmpl-wrapper {
  -ms-flex-align: center;
  align-items: center
}
.american-humane .tmpl-h-left .col-l img {
  min-height: 60px
}
@media (max-width:600px) {
  .american-humane .tmpl-h-left .col-l {
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 2em
  }
  .american-humane .tmpl-h-left .col-r {
    -ms-flex-order: 2;
    order: 2
  }
}
.american-humane .tmpl-j .cards .card {
  -ms-flex-align: start;
  align-items: flex-start
}
.american-humane .tmpl-j .cards .card img {
  max-width: 100%;
  margin-bottom: 24px
}
@media (max-width:800px) {
  .american-humane .tmpl-j .cards .card p {
    grid-row: 1
  }
  .american-humane .tmpl-j .cards .card a {
    grid-row: 2;
    grid-column: 2
  }
}
@media (max-width:440px) {
  .american-humane .tmpl-j .cards .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
  }
}