.page-intro-is-ready .header {
  -webkit-transform: translate3d(0, -12.5rem, 0) !important;
  transform: translate3d(0, -12.5rem, 0) !important
}

.page-intro-is-running .header {
  -webkit-transition: -webkit-transform 1s 2.5s;
  transition: -webkit-transform 1s 2.5s;
  -o-transition: transform 1s 2.5s;
  transition: transform 1s 2.5s;
  transition: transform 1s 2.5s, -webkit-transform 1s 2.5s
}

.header {
  position: absolute;
  top: 1.25rem;
  right: 0;
  left: 0;
  z-index: 1000;
  text-align: center;
  height: 0
}

@media only screen and (max-width: 40em) {
  .header .nav-main-controls {
    position: fixed
  }
}

.form-is-focused.is-ios .header {
  display: none
}

.header-branding {
  display: none
}

.header-branding.active-brand {
  margin-top: 36px
}

.header-branding.active-brand picture {
  max-width: 10rem
}

.header-branding.active-brand, .header-branding:first-child.no-js .header-branding {
  display: block
}

.header-branding picture {
  display: inline-block;
  max-width: 12.5rem;
  width: 100%;
  margin-top: -1.25rem;
  margin-right: -3.75rem;
  margin-left: -3.75rem
}

@media only screen and (min-width: 62.8125em) {
  .header-branding picture {
    max-width: 15.625rem
  }
}

.productfinder-stage .productfinder .header-container {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  padding: 1rem;
  text-align: center;
  top: 0;
  width: 100%
}

.productfinder-stage .productfinder .header-container h1 {
  font-size: 3.5rem;
  margin-bottom: .3rem;
  color: #cad1d6
}

.productfinder-stage .productfinder .header-container .subtitle {
  margin-left: 8%;
  margin-right: 8%
}

.productfinder-stage .productfinder .header-container .subtitle h2 {
  font-size: 1.3rem;
  color: #fff
}

@media only screen and (min-width: 40.063em) {
  .productfinder-stage .productfinder .header-container {
    position: absolute;
    top: 7.5rem
  }

  .productfinder-stage .productfinder .header-container h1 {
    font-size: 3.125rem;
    margin-bottom: .3rem
  }

  .productfinder-stage .productfinder .header-container .subtitle {
    margin: 0
  }

  .productfinder-stage .productfinder .header-container .subtitle h2 {
    font-size: 1.4rem
  }
}

.blog-page .header {
  position: absolute
}