.color-grey28 {
 fill:#f2f2f2
}
.color-enviro-5 {
 fill:#dffff3
}
.color-enviro-4 {
 fill:#a4fddb
}
.color-enviro-3 {
 fill:#73fdc8
}
.color-enviro-2 {
 fill:#5ee8b3
}
.color-enviro-1 {
 fill:#52dea8
}
.color-enviro0 {
 fill:#49c595
}
.color-enviro1 {
 fill:#42b186
}
.color-enviro2 {
 fill:#26a875
}
.color-enviro3 {
 fill:#2d795b
}
.color-enviro4 {
 fill:#1f5841
}
.color-enviro5 {
 fill:#184533
}
section.hero-experience .name-plate svg {
 fill:#fff;
 height:4rem;
 opacity:1;
 stroke:none;
 width:17rem;
 margin-top: 7rem;
}
@media only screen and (min-width:34.375em) {
 section.hero-experience .name-plate svg {
  height:9rem;
  width:24rem;
 }
}
@media only screen and (min-width:48em) {
 section.hero-experience .name-plate svg {
  height:7.3rem;
  width:28rem;
  margin-top: 5rem;
 }
}
@media only screen and (min-width:64em) {
 section.hero-experience .name-plate svg {
  height:7.4rem;
  margin-top:-1rem;
  width:27.1rem;
  margin-top: 0;
 }
}
@media only screen and (min-width:87.5em) {
 section.hero-experience .name-plate svg {
  height:8.8rem;
  margin-top:-2rem;
  width:37rem;
 }
}
section.hero-experience .name-plate text {
 font-family:AvenirNext-DemiBold
}
section.hero-experience .title {
 margin-top:.7rem
}
@media only screen and (min-width:48em) {
 section.hero-experience .title {
  margin-top:0
 }
}
section.hero-experience .hero-template-b [class^=grid-mobile-top-] .text .name-plate svg {
 height:auto;
 width:20rem
}
@media only screen and (min-width:34.375em) {
 section.hero-experience .hero-template-b [class^=grid-mobile-top-] .text .name-plate svg {
  width:25rem
 }
}
.hrt-gallery .name-plate svg {
 height:5rem;
 margin-top:1.6rem;
 width:20rem
}
@media only screen and (min-width:34.375em) {
 .hrt-gallery .name-plate svg {
  height:7.5rem;
  width:28rem
 }
}
@media only screen and (min-width:64em) {
 .hrt-gallery .name-plate svg {
  height:9rem;
  margin-bottom:0;
  margin-top:2rem;
  padding-top:0
 }
}
.hrt section[data-attribute=family] .cards .card.rzf-gry.rzf-gry-tout-tile {
 margin-top:1rem
}
.vehicle-nav .logo {
 height:2.8rem;
 margin:0;
 width:17rem
}
@media only screen and (min-width:48em) {
 .vehicle-nav .logo {
  height:6.5rem;
  margin:0 0 0 7rem;
  padding-bottom:.5rem;
  width:16rem
 }
}
@media only screen and (min-width:64em) {
 .vehicle-nav .logo {
  height:6rem;
  padding-bottom:0;
  width:17rem
 }
}
.vehicle-nav.stuck .container div:first-of-type span,
.vehicle-nav.stuck .container div:first-of-type::after {
 display:none
}