.puppyspot-difference .float-l {
  float: left;
  width: 75px;
  height: auto;
  margin: 0;
  margin-right: 12px
}
.puppyspot-difference .tmpl-a {
  -ms-flex-pack: start;
  justify-content: flex-start
}
.puppyspot-difference .tmpl-a h1 {
  color: #fff
}
.puppyspot-difference .tmpl-a h1 span {
  color: #ffe680
}
@media (min-width:600px) {
  .puppyspot-difference .tmpl-a.parallax {
    height: calc(100vh - var(--menu-height))
  }
  .puppyspot-difference .tmpl-a.parallax::before {
    height: calc(100vh - var(--menu-height));
    background-image: url(../../img/pages/puppyspot-difference-hero.jpg);
    background-position: center center
  }
}
.puppyspot-difference .tmpl-a .col-l p {
  color: #fff;
  font-size: 2.1rem
}
.puppyspot-difference .tmpl-a .sections {
  margin: auto;
  margin-bottom: inherit;
  width: 100%;
  max-width: 1120px;
  list-style-type: none;
  padding-left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.puppyspot-difference .tmpl-a .sections a {
  color: #fff;
  text-decoration: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center
}
.puppyspot-difference .tmpl-a .sections img {
  width: 75px;
  height: 75px;
  display: block
}
.puppyspot-difference .tmpl-a .sections p {
  margin: 0;
  text-align: center;
  font-weight: 700
}
.puppyspot-difference .tmpl-a .sections p span {
  display: block;
  font-weight: 400
}
@media (max-width:700px) {
  .puppyspot-difference .tmpl-a .sections {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .puppyspot-difference .tmpl-a .sections li {
    margin-bottom: 12px
  }
  .puppyspot-difference .tmpl-a .sections img {
    height: 36px
  }
  .puppyspot-difference .tmpl-a .sections a {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center
  }
  .puppyspot-difference .tmpl-a .sections a p span {
    display: inline
  }
}
@media (max-width:600px),
(max-height:800px) {
  .puppyspot-difference .tmpl-a .sections {
    display: none
  }
}
.puppyspot-difference .tmpl-e h1 span {
  color: #71d0ff
}
.puppyspot-difference .tmpl-h h1 span {
  color: #66af37
}
.puppyspot-difference .tmpl-h .col-l {
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  -ms-flex-item-align: center;
  align-self: center
}
.puppyspot-difference .tmpl-h .col-r img {
  width: 100%
}
@media (min-width:600px) {
  .puppyspot-difference .tmpl-d h1 span {
    color: #ace5fc
  }
}
.puppyspot-difference .tmpl-d.parallax::before {
  background-image: url(../../img/pages/puppyspot-difference-AKC-collab.jpg);
  background-position: center center
}
.puppyspot-difference .tmpl-g h1 {
  color: #ff9100
}
.puppyspot-difference .tmpl-g h1 span {
  color: #000
}
.puppyspot-difference .tmpl-g .col-l {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center
}
.puppyspot-difference .tmpl-g .col-l p {
  margin: 0
}
.puppyspot-difference .tmpl-g .col-l .stars {
  display: -ms-flexbox;
  display: flex
}
.puppyspot-difference .tmpl-g .col-l .stars img {
  width: 100%;
  max-width: 240px;
  height: auto;
  margin: 24px auto
}
.puppyspot-difference .tmpl-d.bbb h1 span {
  color: #000
}
.puppyspot-difference .tmpl-d.bbb.parallax::before {
  background-image: url(../../img/pages/puppyspot-difference-bbb.jpg);
  background-position: center center
}