/*
stg 51531458e4b0fa01f2134f98
prd 5134cbefe4b0c6fb04df8065
*/
    .non-breaking-space {
      white-space: nowrap;
    }

    .no-transition {
      -webkit-transition: none !important;
      -moz-transition: none !important;
      -ms-transition: none !important;
      -o-transition: none !important;
      transition: none !important;
    }

    body[data-page-type^='home'] {
      margin: 0;
      overflow: -moz-scrollbars-vertical;
      overflow-x: hidden;
      -ms-overflow-x: hidden;
    }

    body[data-page-type^='home'] *::-webkit-scrollbar {
      display: none;
    }

    body[data-page-type^='home'] *::-moz-scrollbar {
      display: none;
    }

    body[data-page-type^='home'] *::-ms-scrollbar {
      display: none;
    }

    body[data-page-type^='home'] .svg-icon-sqsp-logo {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/svg/squarespace-logo-black.svg);
      width: 28px;
      height: 28px;
      background-position: 50%;
      background-size: cover;
      background-repeat: no-repeat;
    }

    body[data-page-type^='home'] .logo--light .svg-icon-sqsp-logo {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/svg/squarespace-logo-white.svg);
    }

    body[data-page-type^=home] .navigation--main.navigation--open {
      z-index: 1010;
    }

    body[data-page-type^='home'] .absolute-cart-box {
      width: 100%;
      height: 0px;
      overflow: hidden;
    }

    body[data-page-type^='home'] .footer {
      background-color: #222;
    }

    body[data-page-type^='home'] .footer-logo .icon {
      opacity: 0.25;
      display: inline-block;
      position: relative;
      width: 32px;
      height: 32px;
      left: 0px;
      top: 0px;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/icon-sprite-2x.png);
      background-repeat: no-repeat;
      background-size: 768px 288px;
      background-position: -608px 0px;
      image-rendering: optimizeSpeed;
      image-rendering: -o-crisp-edges;
      image-rendering: -webkit-optimize-contrast;
      image-rendering: optimize-contrast;
      -ms-interpolation-mode: nearest-neighbor;
    }

    body[data-page-type^='home'] .footer-link {
      cursor: pointer;
    }

    body[data-page-type^='home'] .footer-link:hover {
      color: #fff;
    }

    body[data-page-type^='home'] .footer-link:hover .footer-logo .icon {
      opacity: 1;
    }

    body[data-page-type^='home'] .footer-cta {
      float: right;
      display: inline-block;
      padding: 19px 0 0;
      margin: 0;
      color: #a9a9a9;
    }

    body[data-page-type='home-superbowl2015'] .footer {
      pointer-events: none;
      z-index: -1;
    }

    a,
    a:active,
    a:focus {
      text-decoration: none;
      outline: none;
    }

    body[data-page-type^='home'] .layout {
      background: transparent;
      opacity: 0;
    }

    body[data-page-type^='home'] .layout.is--loaded {
      opacity: 1;
    }

    .layout.home {
      position: static;
      overflow-x: hidden;
      overflow-y: hidden;

      -webkit-transition-property: opacity, -webkit-transform;
      -moz-transition-property: opacity, -moz-transform;
      -ms-transition-property: opacity, -ms-transform;
      -o-transition-property: opacity, -o-transform;
      transition-property: opacity, transform;

      -webkit-transition-duration: 0.25s, 0.33s;
      -moz-transition-duration: 0.25s, 0.33s;
      -ms-transition-duration: 0.25s, 0.33s;
      -o-transition-duration: 0.25s, 0.33s;
      transition-duration: 0.25s, 0.33s;

      -webkit-transition-easing-function: ease, cubic-bezier(.33,0,.2,1);
      -moz-transition-easing-function: ease, cubic-bezier(.33,0,.2,1);
      -ms-transition-easing-function: ease, cubic-bezier(.33,0,.2,1);
      -o-transition-easing-function: ease, cubic-bezier(.33,0,.2,1);
      transition-easing-function: ease, cubic-bezier(.33,0,.2,1);
    }

    body[data-page-type='home-superbowl2015'] .layout {
      position: fixed;
    }

    .home h1,
    .home h2,
    .home h3 {
      margin: 0;
    }

    .home section {
      height: 100%;
      overflow: hidden;
      -webkit-backface-visibility: hidden;

      -webkit-transition-property: width, opacity;
      -moz-transition-property: width, opacity;
      -ms-transition-property: width, opacity;
      -o-transition-property: width, opacity;
      transition-property: width, opacity;

      -webkit-transition-duration: 0.33s;
      -moz-transition-duration: 0.33s;
      -ms-transition-duration: 0.33s;
      -o-transition-duration: 0.33s;
      transition-duration: 0.33s;

      -webkit-transition-easing-function: ease;
      -moz-transition-easing-function: ease;
      -ms-transition-easing-function: ease;
      -o-transition-easing-function: ease;
      transition-easing-function: ease;
    }

    .touch .home section {
      -webkit-transition: none !important;
      -moz-transition: none !important;
      -ms-transition: none !important;
      -o-transition: none !important;
      transition: none !important;
    }

    .home section[data-color="dark"] {
      background-color: #181818;
    }

    .home section[data-color="light"]:not(.overview-coverpages) {
      background-color: #f0f0f0;
    }

    .home.changing-slides section {
      -webkit-transition-duration: 1s;
      -moz-transition-duration: 1s;
      -ms-transition-duration: 1s;
      -o-transition-duration: 1s;
      transition-duration: 1s;
    }

    .home section .section-content-wrapper {
      box-sizing: border-box;
      min-height: 2000px;
      min-height: 200vh;
      padding-top: 1000px;
      padding-top: 100vh;
      width: 100%;
      background-color: transparent;
      position: relative;
      z-index: 9;
    }

    .home .overview-coverpages .section-content-wrapper {
      padding-top: 0;
      margin-top: 1000px;
      margin-top: 100vh;
    }

    .mobile .home section .section-content-wrapper {
      padding-top: 0;
      min-height: 0;
    }

    .home section[data-type='FullScreenVideo'] .section-content-wrapper > article {
      min-height: 100%;
      min-height: 100vh;
    }

    .home .more-arrow {
      width: 46px;
      height: 24px;
      overflow: hidden;
      cursor: pointer;
      z-index: 100;
      position: fixed;
      left: 50%;
      bottom: 10px;
      color: #fff;
      background-size: 100%;
      background-position: 50%;
      background-repeat: no-repeat;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/svg/down-arrow-gray.svg?v=4);
      -webkit-backface-visibility: hidden;
      -webkit-transform: translatex(-50%);
      -moz-transform: translatex(-50%);
      -ms-transform: translatex(-50%);
      -o-transform: translatex(-50%);
      transform: translatex(-50%);
    }

    .home section .section-content-wrapper .section-content {
      display: table-cell;
      vertical-align: middle;
      padding: 10%;
      min-height: 100vh;
      width: 100%;
      box-sizing: border-box;
      background-color: rgba(242, 242, 242, 0.95);
    }

    .mobile .home section .section-content-wrapper .section-content {
      min-height: 0;
    }

    .home.layout--scroll {
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
    }

    .home.layout--scroll .active .hero-content-wrapper {
      position: relative;
    }

    /*.mobile .home .section-slider {
      position: relative;
    }*/

    body[data-page-type^='home'] .section-navigation-wrapper {
      position: absolute;
      top: 38px;
      width: 60%;
      margin: 0 20%;
      text-align: center;
      z-index: 100;
      opacity: 1;
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      -o-transform: translateZ(0);
      transform: translateZ(0);
    }

    body.is--pushed-left[data-page-type^='home'] .section-navigation-wrapper {
      -webkit-transform: translateX(-260px);
      -moz-transform: translateX(-260px);
      -ms-transform: translateX(-260px);
      -o-transform: translateX(-260px);
      transform: translateX(-260px);
    }

    body.changing-slides[data-page-type^='home'] .navigation--main,
    body.changing-slides[data-page-type^='home'] .footer {
      display: none;
    }

    body[data-page-type^='home'] .section-navigation-wrapper:hover {
      opacity: 1;
    }

    body[data-page-type^='home'] .section-navigation-wrapper.pulled-up {
      z-index: 99;
      -webkit-transform: translateY(-100%);
      -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      -o-transform: translateY(-100%);
      transform: translateY(-100%);
    }

    body[data-page-type^='home'] .section-navigation-wrapper {
      z-index: 1000;

      -webkit-transition: opacity 0.5s ease, -webkit-transform .33s cubic-bezier(.33,0,.2,1);
      -moz-transition: opacity 0.5s ease, -moz-transform .33s cubic-bezier(.33,0,.2,1);
      -ms-transition: opacity 0.5s ease, -ms-transform .33s cubic-bezier(.33,0,.2,1);
      -o-transition: opacity 0.5s ease, -o-transform .33s cubic-bezier(.33,0,.2,1);
      transition: opacity 0.5s ease, transform .33s cubic-bezier(.33,0,.2,1);
    }

    .section-navigation-mobile-trigger {
      display: block;
      position: absolute;
      z-index: 999;
      top: 34px;
      left: 15%;
      text-transform: uppercase;
      font-weight: 500;
      color: rgba(255,255,255,1);
      font-size: 10px;
      letter-spacing: 0.18em;
      padding-top: 2px;
      cursor: pointer;

      -webkit-transition: -webkit-transform .33s cubic-bezier(.33,0,.2,1);
      -moz-transition: -moz-transform .33s cubic-bezier(.33,0,.2,1);
      -o-transition: -o-transform .33s cubic-bezier(.33,0,.2,1);
      -ms-transition: -ms-transform .33s cubic-bezier(.33,0,.2,1);
      transition: transform .33s cubic-bezier(.33,0,.2,1);
    }

    .section-navigation-mobile-trigger.is--invisible {
      display: none;
    }

    .section-navigation-wrapper.dark + .section-navigation-mobile-trigger,
    .section-navigation-wrapper.dark .mobile-nav-close {
      color: rgba(62, 62, 62, 1);
    }

    .mobile-nav-close {
      display: block;
      text-align: right;
      margin-right: 10px;
      text-transform: uppercase;
      opacity: 0.8;
      font-size: 10px;
      font-weight: 500;
      letter-spacing: 0.18em;
      padding: 10px 0;
      cursor: pointer;
    }

    body[data-page-type^='home'] .nav-list,
    body[data-page-type^='home'] .nav-item {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0;
      margin: 0;
      list-style: none
    }

    body[data-page-type^='home'] .nav-list {
      padding: 5px 0 6px;
      height: auto;
      background-color: rgba(255,255,255,0);
      display: -moz-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%);
      -webkit-transition: background-color .3s ease,-webkit-transform .3s ease;
      -moz-transition: background-color .3s ease,-moz-transform .3s ease;
      -ms-transition: background-color .3s ease,-ms-transform .3s ease;
      -o-transition: background-color .3s ease,-o-transform .3s ease;
      transition: background-color .3s ease,transform .3s ease;
    }

    body[data-page-type^='home'] .nav-item {
      cursor: default;
      -ms-flex-preferred-size: auto;
      -webkit-flex-basis: auto;
      -moz-flex-basis: auto;
      -ms-flex-basis: auto;
      flex-basis: auto;
    }

    body[data-page-type^='home'] .nav-item:not(.active) {
      cursor: pointer;
    }

    body[data-page-type^='home'] .nav-link {
      text-decoration: none;
      display: -moz-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      padding: 10px 25px;
    }

    body[data-page-type^='home'] .nav-link .nav-text-wrapper {
      text-align: center;
      -webkit-box-flex: 0 0 auto;
      -moz-box-flex: 0 0 auto;
      -webkit-flex: 0 0 auto;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
    }

    body[data-page-type^='home'] .nav-link .nav-title,
    .mobile .mobile-nav-close {
      color: rgba(0,0,0,.5);
      font-family: 'Gotham SSm A','Gotham SSm B',sans-serif;
      font-size: 10px;
      line-height: 24px;
      font-weight: 500;
      letter-spacing: .16em;
      text-transform: uppercase;
      -webkit-transition-property: color;
      -webkit-transition-duration: .3s;
      -webkit-transition-timing-function: ease;
      -moz-transition-property: color;
      -moz-transition-duration: .3s;
      -moz-transition-timing-function: ease;
      -ms-transition-property: color;
      -ms-transition-duration: .3s;
      -ms-transition-timing-function: ease;
      -o-transition-property: color;
      -o-transition-duration: .3s;
      -o-transition-timing-function: ease;
      transition-property: color;
      transition-duration: .3s;
      transition-timing-function: ease;
    }

    body[data-page-type^='home'] .nav-link:hover .nav-title,
    .mobile .mobile-nav-close {
      color: #000;
    }

    body[data-page-type^='home'] .nav-item.active-nav,
    body[data-page-type^='home'] .nav-item.active-nav .nav-link {
      cursor: default;
    }

    body[data-page-type^='home'] .nav-item.active-nav .nav-title,
    .mobile .mobile-nav-close {
      color: #000;
    }

    body[data-page-type^='home'] .section-navigation-wrapper.light .nav-list {
    }

    body[data-page-type^='home'] .section-navigation-wrapper.light .nav-link .nav-title,
    .mobile .mobile-nav-close {
      font-weight: 500;
      color: rgba(255,255,255,.5);
    }

    body[data-page-type^='home'] .section-navigation-wrapper.light .nav-link:hover .nav-title,
    .mobile .mobile-nav-close {
      color: #fff;
    }

    body[data-page-type^='home'] .section-navigation-wrapper.light .nav-item.active-nav .nav-title,
    .mobile .mobile-nav-close {
      color: #fff
    }

    .home section.active {
      visibility: visible;
      overflow-y: scroll;
      cursor: default !important;
    }

    .home.layout--fixed section.active {
      overflow-y: hidden;
    }

    .mobile .home section.active {
      overflow-y: visible;
    }

    .home section.last-active {
      visibility: visible;
    }

    .home .hero-content-wrapper {
      display: table;
      width: 100%;
      width: 100vw;
      height: 100%;
      height: 100vh;
      position: absolute;
      left: 0;
      top: 0;
      /*background: url(/assets/build-it-beautiful/cases/yield-background.jpeg);
      background-size: cover;*/
    }

    .mobile .home .hero-content-wrapper {
      height: 100%;
    }

    .home:not(.changing-slides) section.active .video-wrapper {
      /*position: fixed;*/
    }

    html:not(.firefox) .home.changing-slides .hero-content-wrapper {
      position: fixed;
    }

    .home section:not(.active) .hero-content-wrapper {
      pointer-events: none;
      position: absolute;
    }

    .home section:not(.active):not(.last-active) video {
      visibility: hidden !important;
    }

    .home .text-wrapper {
      display: table-cell;
      vertical-align: middle;
      height: 100%;
      font-family: 'Gotham A','Gotham B',sans-serif;

      position: relative;
      padding-left: 0%;
      opacity: 0;
      z-index: 10;
      max-width: 40%;
      width: 970px;
      color: rgba(255, 255, 255, 1);
      -webkit-backface-visibility: hidden;

      -webkit-transition-easing-function: ease, cubic-bezier(.33,0,.2,1);
      -moz-transition-easing-function: ease, cubic-bezier(.33,0,.2,1);
      -ms-transition-easing-function: ease, cubic-bezier(.33,0,.2,1);
      -o-transition-easing-function: ease, cubic-bezier(.33,0,.2,1);
      transition-easing-function: ease, cubic-bezier(.33,0,.2,1);

      -webkit-transition-duration: 0.5s, 0.5s;
      -moz-transition-duration: 0.5s, 0.5s;
      -ms-transition-duration: 0.5s, 0.5s;
      -o-transition-duration: 0.5s, 0.5s;
      transition-duration: 0.5s, 0.5s;

      -webkit-transition-property: opacity,padding-left;
      -moz-transition-property: opacity,padding-left;
      -ms-transition-property: opacity,padding-left;
      -o-transition-property: opacity,padding-left;
      transition-property: opacity,padding-left;
    }

    .touch .home .text-wrapper {
    }

    .home .active .text-wrapper {
      opacity: 1;
      padding-left: 8%;
    }

    .home .active ~ section .text-wrapper {
      padding-left: 16%;
    }

    .home.changing-slides .text-wrapper {
      -webkit-transition-duration: 0.5s, 1s;
      -moz-transition-duration: 0.5s, 1s;
      -ms-transition-duration: 0.5s, 1s;
      -o-transition-duration: 0.5s, 1s;
      transition-duration: 0.5s, 1s;
    }

    .home.changing-slides .active .text-wrapper {
      -webkit-transition-delay: 0.5s, 0.33s;
      -moz-transition-delay: 0.5s, 0.33s;
      -ms-transition-delay: 0.5s, 0.33s;
      -o-transition-delay: 0.5s, 0.33s;
      transition-delay: 0.5s, 0.33s;
    }

    .home .text-wrapper.dark,
    .home section[data-color="light"] .text-wrapper {
      color: rgba(62, 62, 62, 1);
    }

    .home .text-wrapper .headline {
      display: block;
      color: inherit;
      text-rendering: geometricPrecision;
      font-size: 105px;
      line-height: 0.875em;
      letter-spacing: -0.06em;
      font-weight: 100;
      margin: 0 0 0.286em -0.08em;
      opacity: 1;
    }

    .home .caps {
      text-transform: uppercase;
    }

    .home .text-wrapper .headline .t-offset {
      margin-left: -0.19em;
    }

    .home .text-wrapper .headline .w-offset {
      margin-left: -0.1em;
      margin-right: -0.0575em;
    }

    .home .text-wrapper .headline .d-offset {
      margin-left: -0.023em;
    }

    .home .text-wrapper .headline .c-offset {
      margin-left: -0.03em;
    }

    .home .text-wrapper .headline .plus-offset {
      margin-left: -0.6em;
    }

    .home .text-wrapper .subheadline {
      font-family: 'Gotham SSm A','Gotham SSm B',sans-serif;
      font-size: 18px;
      letter-spacing: -0.045em;
      font-weight: 300;
      text-transform: none;
      opacity: 1;
      color: inherit;
      margin: 0 0 4px;
      padding: 0;
      display: inline-block;
    }

    .home .text-tagline {
      font-family: 'Gotham SSm A','Gotham SSm B',sans-serif;
      font-size: 11px;
      letter-spacing: 0.07em;
      font-weight: 500;
      line-height: 1.5em;
      text-transform: uppercase;
      color: inherit;
      margin: 1.4em 0 0;
      padding: 0;
      display: inline-block;
    }

    .home .text-tagline .bullet {
      opacity: .9;
      margin: 0 5px;
    }

    .home .text-wrapper .lede,
    .home .lede,
    .feature .feature-content,
    .home .grid-item-content {
      display: block;
      color: inherit;
      font-family: 'Gotham SSm A','Gotham SSm B',sans-serif;
      font-size: 16px;
      font-weight: 300;
      line-height: 1.8em;
      letter-spacing: 0em;
      color: #8B8B8B;
      max-width: 100%;
      margin-top: 0;
      margin-bottom: 0;
      -webkit-font-smoothing: antialiased;
    }

    .home .text-wrapper .lede strong {
      font-weight: 500;
    }

    .home .text-wrapper .lede-mobile {
      display: none;
    }

    .home .text-wrapper .learnmore {
      display: inline-block;
      margin-left: 15px;
      color: rgba(153, 153, 153, 0.9);
      font-family: 'Gotham SSm A','Gotham SSm B',sans-serif;
      font-size: 10px;
      line-height: 18px;
      font-weight: 500;
      letter-spacing: .1em;
      text-transform: uppercase;
      cursor: pointer;
      border-bottom: 1px solid;

      -webkit-transition: all, 0.1s, ease-out;
      -moz-transition: all, 0.1s, ease-out;
      -ms-transition: all, 0.1s, ease-out;
      -o-transition: all, 0.1s, ease-out;
      transition: all, 0.1s, ease-out;
    }

    .home .text-wrapper .learnmore:hover {
      opacity: 0.7;
    }

    .home .text-wrapper .button-square + .learnmore,
    .home .text-wrapper .button-square + .button-square {
      margin-left: 30px;
    }

    .home section[data-color="light"] .text-wrapper .learnmore:hover {
      color: rgba(0, 0, 0, 1);
    }

    .home .text-wrapper .button-wrapper {
      white-space: nowrap;
      margin-top: 10px;
    }

    .home .button-square {
      margin-top: 37px;
      letter-spacing: 0.18em;
      padding: 0 2.5em;
      display: none;
    }

    .home.layout.is--loaded .button-square {
      display: inline-block;
    }

    .home .video-play {
      position: absolute;
      bottom: 27px;
      z-index: 10;
      cursor: pointer;
      opacity: 0.35;
      width: 35px;
      height: 35px;
      margin-top: 3px;
      background-size: cover;
      background-position: 50%;
      background-repeat: no-repeat;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/seven/ui/video-player-2x.png);
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/seven/ui/play-white.svg);
      background-color: rgba(0,0,0,0);
      border-radius: 100%;
      border-radius: 999px;
      -webkit-border-radius: 999px;
      -webkit-transition-property: opacity;
      -webkit-transition-duration: .1s;
      -webkit-transition-timing-function: ease-in-out;
      -moz-transition-property: opacity;
      -moz-transition-duration: .1s;
      -moz-transition-timing-function: ease-in-out;
      -ms-transition-property: opacity;
      -ms-transition-duration: .1s;
      -ms-transition-timing-function: ease-in-out;
      -o-transition-property: opacity;
      -o-transition-duration: .1s;
      -o-transition-timing-function: ease-in-out;
      transition-property: opacity;
      transition-duration: .1s;
      transition-timing-function: ease-in-out;
    }

    .firefox .home .video-play {
      left: 5%;
      width: 34px;
      height: 34px;
    }

    .home section[data-color='light'] .video-play {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/seven/ui/play-button-dark.png);
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/seven/ui/play-dark.svg);
    }

    .home .video-play-text {
      display: block;
      position: absolute;
      top: 0;
      left: 50px;
      height: 35px;
      line-height: 35px;
      width: auto;
      white-space: nowrap;
      font-family: 'Gotham SSm A','Gotham SSm B',sans-serif;
      font-size: 11px;
      letter-spacing: 1px;
    }

    .home .video-play-text .break {
      display: inline-block;
      padding-left: 0.5em;
    }

    .home .video-play:hover {
      opacity: 1;
    }

    .mobile .home .video-controls.is--invisible {
      visibility: visible;
      opacity: 1 !important;
      pointer-events: all;
      position: fixed;
      top:  0;
      right: 0;
      height: 40px;
      background: none;
    }

    .mobile .home .video-progress {
      visibility: hidden;
      opacity: 0 !important;
      pointer-events: none;
      display: none;
    }

    .mobile .home .video-close--corner {
      visibility: visible;
      opacity: 1 !important;
      pointer-events: all;
      border-radius: 50%;
      background-color: rgba(255,255,255,0.2);
      position: absolute;
      top: 0;
      right: 0;
      bottom: auto;
      left:auto;
    }

    html:not(.mobile) .home .video-close--corner {
      position: fixed;
      z-index: 1010;
      background-color: rgba(190, 190, 190, .9)
      ;
      border-radius: 50%;
    }

    /*.home .video-controls.is--invisible {
      visibility: visible;
      opacity: 1 !important;
      pointer-events: all;
    }*/

    body[data-page-type^='home'] .header,
    body[data-page-type^='home'] .navigation-actions {
      opacity: 1;
      position: fixed;
      height: 28px;
    }

    /*body[data-page-type^='home']:not(.is--pushed-left) .navigation--main {
      visibility: hidden;
    }*/

    body[data-page-type^='home'] .navigation--main {
      position: absolute;
    }

    body[data-page-type^='home'].deps--loaded .header,
    body[data-page-type^='home'].deps--loaded .navigation-actions {
      opacity: 1;
      -webkit-transition-property: all;
      -moz-transition-property: all;
      transition-property: all;
      -webkit-transition-duration: 0.33s;
      -moz-transition-duration: 0.33s;
      transition-duration: 0.33s;
    }

    strong {
      font-weight: 300;
    }

    .fill {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

    .scroll {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: auto;
    }

    .fixed {
      position: fixed !important;
      -webkit-backface-visibility: hidden;
    }

    .contain-fixed {
      overflow: hidden;
      z-index: 100;
    }

    .align-left {
      position: absolute;
      left: 8%;
      left: 8vw;
      right: auto;
      text-align: left;
    }

    .align-right {
      position: absolute;
      left: auto;
      right: 8%;
      right: 8vw;
      text-align: right;
    }

    .button-arrow {
      display: inline-block;
      margin-left: 0.5em;
      font-weight: 100;
    }

    .button-square {
      display: inline-block;
      font-family: 'Gotham SSm A','Gotham SSm B',sans-serif;
      font-size: 10px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      line-height: 37px;
      font-weight: 500;
      border: 2px solid #666;
      border-radius: 0;
      background-color: transparent;
      color: #666;
      padding: 0 20px;
      line-height: 40px;
      text-rendering: optimizeLegibility;
      white-space: nowrap;
      -webkit-transition: all 0.1s ease-out;
      -moz-transition: all 0.1s ease-out;
      -ms-transition: all 0.1s ease-out;
      -o-transition: all 0.1s ease-out;
      transition: all 0.1s ease-out;
    }

    .button-square-large {
      font-family: 'Gotham SSm A','Gotham SSm B',sans-serif;
      font-size: 11px;
      letter-spacing: 0.12em;
      padding: 10px 50px;
    }

    .button-square-small {
      font-family: 'Gotham SSm A','Gotham SSm B',sans-serif;
      font-size: 10px;
      padding: 0 20px;
    }

    .button-square:hover {
      background-color: rgba(0, 0, 0, 1);
      border-color: rgba(0, 0, 0, 1);
      color: rgba(255, 255, 255, 1);
    }

    .button-square-light {
      color: rgba(255, 255, 255, 1);
      border-color: rgba(255, 255, 255, 1);
    }

    .button-square-light:hover {
      background-color: rgba(255, 255, 255, 1);
      border-color: rgba(255, 255, 255, 1);
      color: rgba(0, 0, 0, 1);
    }

    .button-square-dark {
      color: rgba(0, 0, 0, 1);
      border-color: rgba(0, 0, 0, 1);
    }

    .button-square-dark:hover {
      background-color: rgba(0, 0, 0, 1);
      border-color: rgba(0, 0, 0, 1);
      color: rgba(255, 255, 255, 1);
    }

    .button-square-gray {
      border-color: rgba(153, 153, 153, 0.3);
      background-color: rgba(253, 253, 253, 0);
      color: rgba(0, 0, 0, 1);
    }

    .button-square-gray:hover {
      border-color: rgba(153, 153, 153, 1);
      background-color: rgba(253, 253, 253, 0);
      color: rgba(0, 0, 0, 1);
    }

    .button-square-filled.button-square-gray {
      background-color: rgba(253, 253, 253, 1);
    }

    .button-square-filled.button-square-gray:hover {
      border-color: rgba(153, 153, 153, 1);
    }

    .button-square-filled {
      line-height: 40px;
    }

    .button-square-filled.button-square-light {
      background-color: rgba(255, 255, 255, 0.9);
      border-color: rgba(255, 255, 255, 0);
      color: rgba(0, 0, 0, 1);
    }

    .button-square-filled.button-square-light:hover {
      background-color: rgba(255, 255, 255, 1);
      border-color: rgba(255, 255, 255, 1);
      color: rgba(0, 0, 0, 1);
    }

    .button-square-filled.button-square-dark {
      background-color: rgba(28, 28, 28, 1);
      border-color: rgba(28, 28, 28, 1);
      color: rgba(255, 255, 255, 1);
    }

    .button-square-filled.button-square-dark:hover {
      background-color: rgba(28, 28, 28, 0.8);
      border-color: rgba(28, 28, 28, 1);
      color: rgba(255, 255, 255, 1);
    }

    .button-constant {
      z-index: 100;
      right: 5%;
      top: 0px;
      background-color: #fdfdfd;
      border-color: rgba(153, 153, 153, 0.2)
    }

    .home .button-learn {
      padding-left: 20px;
      padding-right: 20px;
    }

    body[data-page-type='home'] {
      background-color: #f0f0f0;
    }

    body[data-page-type^='home-commerce'] {
      background-color: #121212;
    }

    body[data-page-type^='home-coverpages'],
    .home .overview-coverpages {
      background-color: rgb(253, 214, 82);
    }

    .home .bg-light {
      background-color: #f0f0f0;
    }

    .home .bg-dark {
      background-color: #1c1c1c;
      color: #f0f0f0;
    }

    .home .bg-dark .subheadline,
    .home section[data-color='dark'] .subheadline,
    section[data-color='dark'] .feature .feature-name,
    section[data-color='dark'] .grid-item .grid-item-name {
      color: #f0f0f0;
    }

    .home .ipad {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/devices/white-devices-noscreen-ipad.png);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50%;
      width: 100%;
      padding-bottom: 73.84%;
      position: relative;
    }

    .webp .home .ipad {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/devices/white-devices-noscreen-ipad.webp);
    }

    .home .ipad.ipad-clear {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/devices/clear-devices-ipad.png?v=6);
    }

    .webp .home .ipad.ipad-clear {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/devices/clear-devices-ipad.webp?v=6);
    }

    .home .ipad .screen {
      position: absolute;
      top: 13%;
      left: 13.6%;
      width: 72.7%;
      height: 74.1%;
      overflow: hidden;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50%;
    }

    .home .iphone {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/devices/white-devices-noscreen-iphone.png);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50%;
      width: 100%;
      padding-bottom: 178.5%;
      height: auto;
      background-color: transparent;
      border-radius: 0;
      position: relative;
    }

    .webp .home .iphone {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/devices/white-devices-noscreen-iphone.webp);
    }

    .home .iphone .screen {
      position: absolute;
      top: 18.7%;
      left: 18.3%;
      width: 63.2%;
      height: 61.9%;
      overflow: hidden;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50%;
    }

    .home .iphone.iphone-clear {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/devices/clear-devices-iphone.png?v=6);
    }

    .webp .home .iphone.iphone-clear {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/devices/clear-devices-iphone.webp?v=6);
    }

    .home .macbook {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/devices/white-devices-noscreen-macbook.png);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50%;
      width: 100%;
      padding-bottom: 59.538%;
      position: relative;
    }

    .webp .home .macbook {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/devices/white-devices-noscreen-macbook.webp);
    }

    .home .macbook-dark {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/devices/black-devices-noscreen-macbook.png);
    }

    .webp .home .macbook-dark {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/devices/black-devices-noscreen-macbook.webp);
    }

    .home .macbook.macbook-clear {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/devices/clear-devices-macbook.png?v=6);
    }

    .webp .home .macbook.macbook-clear {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/devices/clear-devices-macbook.webp?v=6);
    }

    .home .macbook .screen {
      position: absolute;
      top: 12.4%;
      left: 15.9%;
      width: 68.2%;
      height: 71.7%;
      overflow: hidden;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50%;
    }

    .home .cinema {
      width: 100%;
      padding-bottom: 71%;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/devices/white-devices-noscreen-cinema.png?v=2);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50%;
      position: relative;
    }

    .webp .home .cinema {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/devices/white-devices-noscreen-cinema.webp?v=2);
    }

    .home .cinema .screen {
      position: absolute;
      top: 10.4%;
      left: 8.6%;
      width: 82.9%;
      height: 65.7%;
      overflow: hidden;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50%;
    }

    .home article {
      box-sizing: border-box;
      max-width:  100%;
      padding: 200px 8%;
      padding-top: 15vh;
      padding-bottom: 15vh;
      margin: 0 auto;
      position: relative;
    }

    .mobile .home article {
      padding-top: 100px;
      padding-bottom: 100px;
      height: auto;
    }

    .home .article-content {
      display: block;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
    }

    .home .build .article-content {
      display: table;
    }

    .home article .subheadline {
      font-family: 'Gotham A','Gotham B',sans-serif;
      line-height: 0.9em;
      font-weight: 100;
      letter-spacing: -0.02em;
      font-size: 83px;
      text-rendering: geometricPrecision;
      color: #333333;
      max-width: 40%;
      width: 970px;
      margin-bottom: 0.35em;
    }

    .home .features {
      padding: 0 18% 100px;
    }

    .home .feature {
      font-family: 'Gotham A','Gotham B',sans-serif;
      box-sizing: border-box;
      width: 25%;
      float: left;
      padding: 30px 0;
      text-align: left;
      margin: 0 4.166666667%;
      background-size: 110%;
      background-position-x: -330%;
      background-repeat: no-repeat;
    }

    .home .feature > * {
      margin: 0;
    }

    .home .feature:nth-child(3n+1) {
      clear: both;
      float: left;
    }

    .feature .feature-name,
    .grid-item .grid-item-name {
      font-family: 'Gotham SSm A','Gotham SSm B',sans-serif;
      font-size: 14px;
      font-weight: 400;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      line-height: 1.500em;
      margin-bottom: 0.6em;
      color: #333333;
    }

    .feature .feature-content,
    .home .grid-item-content {
      color: #9e9e9e;
      -webkit-font-smoothing: antialiased;
    }

    .home .feature .feature-content {
      color: #797979;
      max-width: 100%;
      margin-bottom: 1em;
    }

    .feature-link {
      font-size: 9px;
      line-height: 27px;
      font-weight: 500;
      letter-spacing: 1px;
      color: #5d5d5d;
      text-transform: uppercase;
    }

    .home .row-clear {
      clear: both;
      float: none;
    }

    .home .features .row-clear {
    }

    .home .feature.customer-support {
      float: none;
      clear: both;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 40px;
      margin-bottom: 0;
      text-align: center;
    }

    .home .customer-support .subheadline {
      line-height: 0.7em;
      font-weight: 100;
      letter-spacing: -0.0375em;
      margin: 0 auto;
      white-space: nowrap;
    }

    .home .customer-support .slash {
      display: inline-block;
      opacity: 0.2;
      -webkit-transform: skewX(-19deg);
      -moz-transform: skewX(-19deg);
      -ms-transform: skewX(-19deg);
      -o-transform: skewX(-19deg);
      transform: skewX(-19deg);
    }

    .home .customer-support .feature-name {
      margin: 3em 0 2.5em;
    }

    .home .customer-support .feature-content,
    .home .grid-item-content {
      margin-left: auto;
      margin-right: auto;
    }

    .home .customer-support .feature-content {
      max-width: 100%;
      width: 35%;
    }

    .home .grid-item-content {
      width: 75%;
      max-width: 100%;
      margin-bottom: 1em;
    }

    .pricing .article-content {
      padding: 0%;
    }

    .home .pricing .subheadline {
      max-width: 80%;
      width: 80%;
      text-align: center;
      margin: 0 auto 10vh;
    }

    .pricing .price-plan {
      color: #ffffff;
      width: 29.333%;
      float: left;
      margin: 0% 2%;
      display: table;
    }

    .price {
      display: table-cell;
      vertical-align: top;
      width: 40%;
      text-align: right;
      letter-spacing: -0.04em;
    }

    .price .amt.annual {
      font-family: 'Gotham A', 'Gotham B', sans-serif;
      font-size: 155px;
      line-height: 155px;
      font-weight: 100;
      text-rendering: geometricPrecision;
      display: inline-block;
    }

    .price .super {
      font-family: 'Gotham A', 'Gotham B', sans-serif;
      font-size: 48px;
      font-weight: 100;
      text-rendering: geometricPrecision;
      opacity: 0.4;
      position: relative;
      top: -1.5em;
    }

    .pricing .price-breakdown {
      font-size: 9px;
      line-height: 16px;
      font-weight: 200;
      text-transform: uppercase;
      letter-spacing: 1px;
      opacity: .35;
      margin-right: 1em;
      margin-top: 2.5em;
    }

    .pricing .price-breakdown-mobile {
      display: none;
    }

    .price-plan .info {
      display: table-cell;
      vertical-align: top;
      padding-left: 20px;
    }

    .price-plan .info-features-wrapper {
    }

    .price-plan .plan-name {
      margin: 0;
      font-family: 'Gotham A', 'Gotham B', sans-serif;
      font-size: 70px;
      letter-spacing: -0.02em;
      line-height: 1.7em;
      font-weight: 100;
      text-rendering: geometricPrecision;
      opacity: 0.5;
    }

    .price-plan .feature-highlight {
      font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif;
      font-size: 14px;
      line-height: 1.7em;
      font-weight: 100;
      letter-spacing: 0.02em;
      opacity: 0.7;
    }

    .price-plan ul {
      list-style: none;
      margin: 30px 0 0;
      padding: 0;
    }

    .price-plan ul li {
      font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif;
      font-size: 14px;
      line-height: 1.4em;
      font-weight: 100;
      -webkit-font-smoothing: antialiased;
      margin-bottom: 11px;
      color: #707070;
    }

    .price-plan ul strong {
      color: #e0e0e0;
    }

    /* MODULE-SPECIFIC STYLES */
    .fullscreenvideo {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50%;
      background-repeat: no-repeat;
    }

    .fullscreenvideo .video-wrapper {
      opacity: 1;
      display: block;
      background-size: cover;
      background-position: 50% 100%;
      background-repeat: no-repeat;
      background-color: #181818;

      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none;
      transition: none;
    }

    .fullscreenvideo .video-scrim {
      background-color: rgba(0,0,0,0.25);
      z-index: 1;
    }

    .staticpage {
      background-size: cover;
      background-position: 50%;
      background-repeat: no-repeat;
    }

    .staticpage .hero-content-wrapper {
      background-size: cover;
      background-position: 50%;
      background-repeat: no-repeat;
    }

    .staticpage .section-hero {
      width: 100%;
      height: 100%;
      height: 100vh;
      display: table;
      background-size: cover;
      background-position: 50%;
      background-repeat: no-repeat;
    }

    .staticpage .section-content {
      min-height: 100%;
      min-height: 100vh;
    }

    .home section.parallaxscroll.active {
      height: auto !important;
    }

    .skrollr-desktop .home .section-content-wrapper [data-anchor-target] {
      /*opacity: 0;*/
    }

    .skrollr .home .section-content-wrapper [data-anchor-target],
    .mobile .home .section-content-wrapper [data-anchor-target] {
      opacity: initial;
    }

    .touch .layout.skrollr-body {
      -webkit-overflow-scrolling: touch;
    }

    .layout:not(.changing-slides):not(.peeking-slide) .skrollable {
      -webkit-transition: none !important;
      -moz-transition: none !important;
      -ms-transition: none !important;
      -o-transition: none !important;
      transition: none !important;
      -webkit-backface-visibility: hidden;
    }

    .home .fixed.skrollable-before,
    .home .fixed.skrollable-after {
      display: none;
    }

    .home .skrollable-after:not(a):not(section):not(.section-content-wrapper),
    .home .skrollable-before:not(a):not(section):not(.section-content-wrapper) {
      pointer-events: none;
    }

    .home .skrollable-after a,
    .home .skrollable-before a {
      pointer-events: auto;
    }

    html:not(.skrollr):not(.mobile) section[data-type='ParallaxScroll'] .fixed {
      position: relative !important;
    }

    /* MODULE INSTANCE STYLES */
    section[data-name='overview'] {
      background-color: #ffffff;
    }
    section[data-name='overview'] .video-scrim {
      background-color: rgba(255,255,255,.8);
    }

    .home section[data-name='overview'] .text-wrapper .headline {
      letter-spacing: -0.045em;
      line-height: 0.857em;
    }
    .home section[data-name='overview'] .text-wrapper .lede {
      letter-spacing: -0.02em;
      color: rgba(153, 153, 153, 1);
      margin-top: 4px;
    }
    body.changing-slides .home .active ~ section .text-wrapper {
      padding-left: 8%;
    }
    .home section[data-name='overview'].active .text-wrapper > * {
      -webkit-transition: opacity 300ms ease-in-out;
      -moz-transition: opacity 300ms ease-in-out;
      -ms-transition: opacity 300ms ease-in-out;
      -o-transition: opacity 300ms ease-in-out;
      transition: opacity 300ms ease-in-out;
      opacity: 1;
    }

    .inject-point:not(.inject-point--ready) .home section[data-name='overview'].active .device-wrapper,
    body.changing-slides .home section[data-name="overview"] .device-wrapper {
      opacity: 0;
    }

    .inject-point:not(.inject-point--ready) .home section[data-name='overview'].active .text-wrapper > *,
    body.changing-slides .home section[data-name='overview'].active .text-wrapper > * {
      opacity: 0;
    }
    .inject-point:not(.inject-point--ready) .home section[data-name='overview'].active .button-square {
      display: inline-block;
    }
    section[data-name='overview'] #build-it-beautiful-script {
      position: relative;
      left: -23%;
      width: 108%;
    }
    .home section[data-name='overview'] .campaign-cta {
      position:absolute;
      bottom: 8.2%;
      left: 15%;
      z-index: 999;

      /*position:absolute;
      bottom: 5%;
      left: 7%;*/
    }
    .home section[data-name="overview"] .case-device {
      -webkit-transition: opacity 300ms ease-in-out;
      -moz-transition: opacity 300ms ease-in-out;
      -ms-transition: opacity 300ms ease-in-out;
      -o-transition: opacity 300ms ease-in-out;
      transition: opacity 300ms ease-in-out;
      opacity: 0;
    }
    .home section[data-name="overview"] .case-device.is-loaded {
      opacity: 1;
    }
    .home section[data-name='overview'] .campaign-cta svg {
      width: 35px;
      border-radius: 35px;
      position: relative;
      top: 13px;
    }
    .home section[data-name='overview'] .campaign-cta span {
      color: rgba(62, 62, 62, 1);
      font-weight: 500;
      text-transform: uppercase;
      font-size: 11px;
      letter-spacing: 0.1em;
      margin-left: 15px;
      -webkit-transition: opacity 0.2s ease;
      -moz-transition: opacity 0.2s ease;
      -ms-transition: opacity 0.2s ease;
      -o-transition: opacity 0.2s ease;
      transition: opacity 0.2s ease;
    }
    .no-touch .home section[data-name='overview'] .campaign-cta:hover span {
      opacity: 0.5;
    }
    .home section[data-name='overview'] .device-wrapper.is--invisible {
      opacity: 0;
    }
    .home section[data-name="overview"] .hero-content-wrapper.fade-out-ready > * {
      -webkit-transition: opacity 300ms ease;
      -moz-transition: opacity 300ms ease;
      -ms-transition: opacity 300ms ease;
      -o-transition: opacity 300ms ease;
      transition: opacity 300ms ease;
      opacity: 1;
    }
    .home section[data-name="overview"] .hero-content-wrapper.fade-out-ready.is-fading-out > * {
      opacity: 0;
    }
    .home section[data-name='overview'] .device-wrapper {
      position: relative;
      top: 53%;
      -webkit-transform: translateY(-42%);
      -moz-transform: translateY(-42%);
      -ms-transform: translateY(-42%);
      -o-transform: translateY(-42%);
      transform: translateY(-42%);
      -webkit-transition: opacity 300ms ease;
      -moz-transition: opacity 300ms ease;
      -ms-transition: opacity 300ms ease;
      -o-transition: opacity 300ms ease;
      transition: opacity 300ms ease;
      opacity: 1;
    }
    .home section[data-name='overview'] .device-wrapper img {
      max-width: 120%;
      max-height: 120%;
      position: absolute;
      top: 50%;
      left: 47%;
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
    }
    .firefox .home section[data-name='overview'] .device-wrapper {
      position: relative;
      top: 53%;
      -webkit-transform: translateY(9%);
      -moz-transform: translateY(9%);
      -ms-transform: translateY(9%);
      -o-transform: translateY(9%);
      transform: translateY(9%);
    }
    .ie-10 .home section[data-name='overview'] .device-wrapper {
      transform: translateY(20%);
    }
    .ie-10 .home section[data-name='overview'] .device-wrapper img {
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      max-width: none;
      max-height: none;
      transform: none;
    }
    .ie-11 .home section[data-name='overview'] .text-wrapper,
    .ms-edge .home section[data-name='overview'] .text-wrapper {
      max-width: 500px;
    }
    .ie-11 .home section[data-name='overview'] .hero-content-wrapper,
    .ms-edge .home section[data-name='overview'] .hero-content-wrapper {
      position: relative;
    }
    .ms-edge .home section[data-name='overview'] .device-wrapper,
    .ie-11 .home section[data-name='overview'] .device-wrapper {
      position: absolute;
    }
    .ie-11 .home section[data-name='overview'] .device-wrapper img {
      left: 0;
      top: 12%;
      bottom: 0;
      right: 0;
      width: 100%;
      max-width: none;
      max-height: none;
      transform: none;
      position: absolute;
    }

    .ie-10 .home section[data-name='overview'] .campaign-cta svg,
    .ie-11 .home section[data-name='overview'] .campaign-cta svg {
      display: none;
    }

    /* COMMERCE */
    .home section[data-name='overview-commerce'] .text-wrapper .lede {
      width: 70%;
    }

    .home section[data-name='overview-commerce'] .feature .feature-name {
      opacity: 0.5;
    }

    .home section[data-name='overview-commerce'] .feature .feature-content {
      opacity: 0.75;
    }

    .home .overview-coverpages .text-wrapper .lede {
      width: 54%;
      color: rgba(0, 0, 0, 0.6);
    }

    .home section[data-name='overview-coverpages'] .text-wrapper .learnmore {
      color: rgba(28, 28, 28, 0.8);
    }

    .home section[data-name='overview-coverpages'] .text-wrapper .learnmore:hover {
      color: rgba(28, 28, 28, 1);
    }

    section[data-name='dreamingwithjeff'] .text-wrapper {
      width: 35%;
    }

    .home section[data-name='dreamingwithjeff'] .text-wrapper .headline {
      /*font-size: 85px;
      line-height: 1em;
      letter-spacing: 0em;*/
    }

    section[data-name='dreamingwithjeff'] .text-wrapper .lede {
      color: rgba(255,255,255,0.7);
      width: 58%;
    }

    section[data-name='dreamingwithjeff'] .text-wrapper .learnmore {
      color: rgba(255, 255, 255, 0.8);
      margin-left: 0;
      margin-top: 3px;
    }

    section[data-name='dreamingwithjeff'] .foreground-wrapper {
      position: absolute;
      top: 0;
      left: 40%;
      right: 0;
      bottom: 0;
      z-index: 2;

      -webkit-transition: opacity 0.2s ease;
      -moz-transition: opacity 0.2s ease;
      -ms-transition: opacity 0.2s ease;
      -o-transition: opacity 0.2s ease;
      transition: opacity 0.2s ease;
    }

    .mobile section[data-name='dreamingwithjeff'] .foreground-wrapper {
      position: fixed;
    }

    section[data-name='dreamingwithjeff'] .foreground-wrapper > * {
      position: absolute;
      top: 10%;
      left: 0;
      width: 100%;
      height: 95%;
      background-position: 0% 100%;
      background-size: contain;
      background-repeat: no-repeat;
      opacity: 1;
    }

    section[data-name='dreamingwithjeff'] .foreground-wrapper .profile-outer {
      z-index: 3;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/dreamingwithjeff/jeff-outer-v2.png);
    }

    section[data-name='dreamingwithjeff'] .foreground-wrapper .profile-inner {
      z-index: 4;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/dreamingwithjeff/jeff-inner-v2.png);
    }

    section[data-name='dreamingwithjeff'] .foreground-wrapper .sleeping {
      z-index: 5;
      opacity: 1;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/dreamingwithjeff/jeff-sleeping-v2.png);
    }

    .webp section[data-name='dreamingwithjeff'] .foreground-wrapper .profile-outer {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/dreamingwithjeff/jeff-outer-v2.webp);
    }

    .webp section[data-name='dreamingwithjeff'] .foreground-wrapper .profile-inner {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/dreamingwithjeff/jeff-inner-v2.webp);
    }

    .webp .foreground-wrapper .sleeping {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/dreamingwithjeff/jeff-sleeping-v2.webp);
    }

    section[data-name='dreamingwithjeff'] .starfield {
      position: absolute;
      top: -5%;
      left: -5%;
      width: 110%;
      height: 110%;
      z-index: 1;
      background-size: cover;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/dreamingwithjeff/stars.jpg);
      background-position: 50%;
      background-repeat: no-repeat;
    }

    .mobile section[data-name='dreamingwithjeff'] .starfield {
      position: fixed;
    }

    .home section[data-name='dreamingwithjeff'] .video-play-wrapper {
      position: absolute;
      right: 5%;
      bottom: 5%;
      display: table;
      z-index: 10;
      cursor: pointer;
    }

    .home section[data-name='dreamingwithjeff'] .video-play-text {
      color: rgba(255,255,255,0.5);
      text-transform: uppercase;
      font-weight: 500;
      position: static;
      display: table-cell;
      padding: 0 20px 0 0;
      vertical-align: middle;

      -webkit-transform: color 0.1s ease-in-out;
      -moz-transform: color 0.1s ease-in-out;
      -ms-transform: color 0.1s ease-in-out;
      -o-transform: color 0.1s ease-in-out;
      transform: color 0.1s ease-in-out;
    }

    .home section[data-name='dreamingwithjeff'] .video-play-wrapper:hover .video-play-text {
      color: rgba(255,255,255,1);
    }

    .home section[data-name='dreamingwithjeff'] .video-play {
      position: static;
      width: 50px;
      height: 50px;
      display: inline-block;
      opacity: 1;
    }

    .home section[data-name='dreamingwithjeff'] .video-play-wrapper:hover .video-play {
      opacity: 1;
    }

    .home .custom-domains {
      position: relative;
      height: 50vh;
      margin: 100px auto 0;
      width: 92%;
      text-align: center;
      display: table;
      padding-bottom: 0%;
      overflow: hidden;
    }

    .mobile .home .custom-domains {
      padding-bottom: 0;
    }

    .home .custom-domains .article-content {
      display: table-cell;
      vertical-align: middle;
    }

    .home .custom-domains img {
      max-width: 100%;
      width: 100%;
      -webkit-transform: translateY(15%);
      -moz-transform: translateY(15%);
      -ms-transform: translateY(15%);
      -o-transform: translateY(15%);
      transform: translateY(15%);
    }

    .mobile .home .custom-domains {
      height: 100%;
    }

    .home .custom-domains .subheadline {
      width: 70%;
      max-width: 100%;
      margin: 0 auto 0.5em;
      font-size: 66px;
      line-height: 1.075em;
      letter-spacing: -0.02em;
    }

    .home .custom-domains .superheadline {
      font-family: 'Gotham SSm A','Gotham SSm B',sans-serif;
      font-size: 15px;
      font-weight: 100;
      letter-spacing: 0.03em;
      opacity: 0.75;
      -webkit-font-smoothing: antialiased;
    }

    .home .hero-content-wrapper .device-wrapper {
      display: table-cell;
      vertical-align: middle;
      width: 67%;
      height: 100%;
      padding-bottom: 3.5%;

      -webkit-transition: opacity 0.2s ease 0.2s;
      -moz-transition: opacity 0.2s ease 0.2s;
      -ms-transition: opacity 0.2s ease 0.2s;
      -o-transition: opacity 0.2s ease 0.2s;
      transition: opacity 0.2s ease 0.2s;
    }

    .home .overview-coverpages .hero-content-wrapper .device-wrapper {
      width: 50%;
      position: relative;
    }

    .home .overview .three-devices {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50%;
      width: 100%;
      padding-bottom: 51.675%;
      position: relative;

      -webkit-transition: opacity 0.5s ease;
      -moz-transition: opacity 0.5s ease;
      -ms-transition: opacity 0.5s ease;
      -o-transition: opacity 0.5s ease;
      transition: opacity 0.5s ease;
    }

    .webp .home .overview .three-devices {
    }

    .home .overview .three-devices .plate {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/devices/3xdevicesLanding-darker.png);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50%;
    }

    .webp .home .overview .three-devices .plate {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/devices/3xdevicesLanding-darker.webp);
    }

    .home .overview .three-devices .slideshow {
      position: absolute;
      z-index: 1;
      overflow: hidden;
    }

    .home .overview .three-devices .slideshow-iphone {
      width: 11.35%;
      padding-bottom: 24.3%;
      top: 38%;
      left: 4.9%;
    }

    .home .overview .three-devices .slideshow-iphone .gallery {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 122%;
    }

    .home .overview .three-devices .slideshow-ipad {
      top: 26.6%;
      left: 20.8%;
      width: 32.1%;
      padding-bottom: 32.6%;
    }

    .home .overview .three-devices .slideshow-ipad .gallery {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 135%;
    }

    .home .overview .three-devices .slideshow-laptop {
      top: 8.2%;
      left: 56%;
      width: 44.2%;
      padding-bottom: 39.1%;
    }

    .home .overview .three-devices .slideshow-laptop .gallery {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 159.8%;
    }

    .home .overview-coverpages .hero-content-wrapper .device-wrapper > * {
      position: absolute;
    }

    .home .overview-coverpages .hero-content-wrapper .device-wrapper-iphone {
      width: 32%;
      left: 13%;
      top: 5%;
    }

    .home .overview-coverpages .hero-content-wrapper .device-wrapper-ipad {
      width: 80%;
      left: -25%;
      top: 65%;
    }

    .home .overview-coverpages .hero-content-wrapper .device-wrapper-macbook {
      width: 122%;
      left: 50%;
      top: 17%;
    }

    .home .overview-coverpages .hero-content-wrapper .iphone .screen {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/coverpages/coverpages-iphone-screen.jpg);
    }

    .home .overview-coverpages .hero-content-wrapper .ipad .screen {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/coverpages/coverpages-ipad-screen.jpg);
    }

    .home .overview-coverpages .hero-content-wrapper .macbook .screen {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/coverpages/coverpages-macbook-screen.jpg);
    }

    .home section.overview-commerce[data-color="dark"] {
      background-color: #121212;
    }

    .home .overview-commerce .device-wrapper {
      position: relative;
      width: 60%;
      visibility: visible;
    }

    .home .overview-commerce .cinema-skewed {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      visibility: visible;

      -webkit-transition: opacity 0.5s ease;
      -moz-transition: opacity 0.5s ease;
      -ms-transition: opacity 0.5s ease;
      -o-transition: opacity 0.5s ease;
      transition: opacity 0.5s ease;
    }

    .home .overview-commerce .cinema-skewed .plate {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2;
      background-size: contain;
      background-position: 50%;
      background-repeat: no-repeat;
      -webkit-transition: opacity 0.5s ease;
      -moz-transition: opacity 0.5s ease;
      -ms-transition: opacity 0.5s ease;
      -o-transition: opacity 0.5s ease;
      transition: opacity 0.5s ease;
    }

    .webp .home .overview-commerce .cinema-skewed .plate {
      /*background-image: url();*/
    }

    .webp .home .overview-commerce .iphone {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/devices/black-devices-iphone.webp);
    }

    .home .overview-commerce .iphone {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/devices/black-devices-iphone.png);
    }

    .home .create {
      padding-bottom: 0;
    }

    .home .create .article-content {
      position: relative;
      display: table;
    }

    .home .create .article-device-wrapper {
      width: 74%;
      height: 100%;
      display: block;
      position: absolute;
    }

    .home .create .skrollable-after > .device {
      position: fixed;
    }

    .home .create .cinema.fixed {
      width: 62.1%;
      padding-bottom: 44%;
      bottom: 0;
      display: block !important;
    }

    .home .create .macbook.fixed {
      width: 64%;
      padding-bottom: 38.10432%;
      bottom: 0;
      display: block !important;
    }

    .home .create .iphone.fixed {
      width: 12%;
      padding-bottom: 25.38%;
      left: 53%;
      bottom: 0;
      display: block !important;
    }

    .home .create .device .screen.main {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/overview/landing-main-website-v1.jpg);
    }

    .home .create .device .screen.blog {
      opacity: 0;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/overview/landing-main-blog-v2.jpg);
    }

    .home .create .device .screen.business {
      opacity: 0;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/overview/landing-main-business-v2.jpg);
    }

    .home .create .device .screen.portfolio {
      opacity: 0;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/overview/landing-main-portfolio-v2.jpg);
    }

    .home .create .device .screen.musician {
      opacity: 0;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/overview/landing-main-music-v1.jpg);
    }

    .home .create .device .screen.restaurant {
      opacity: 0;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/overview/landing-main-restaurant-v1.jpg);
    }

    .home .create .device .screen.wedding {
      opacity: 0;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/overview/landing-main-wedding-v1.jpg);
    }

    .home .overview-commerce .create .device .screen.main {
      opacity: 1;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/commerce/commerce-landing-slideshow-1.jpg);
    }

    .home .overview-commerce .create .device .screen.design {
      opacity: 0;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/commerce/commerce-landing-slideshow-2.jpg);
    }

    .home .overview-commerce .create .device .screen.management {
      opacity: 0;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/commerce/commerce-landing-slideshow-3.jpg);
    }

    .home .overview-commerce .create .device .screen.mobile-shop {
      opacity: 0;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/commerce/commerce-landing-slideshow-4.jpg);
    }

    .home .overview-commerce .create .iphone .screen {
      opacity: 1;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/commerce/commerce-landing-slideshow-5.jpg);
      top: 13.7%;
      left: 7.1%;
      width: 86.2%;
      height: 70.8%;
    }

    .home .overview-coverpages .create .device .screen.main {
      opacity: 1;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/coverpages/coverpage-landing-slideshow-1.jpg);
    }

    .home .overview-coverpages .create .device .screen.setup {
      opacity: 0;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/coverpages/coverpage-landing-slideshow-2.jpg);
    }

    .home .overview-coverpages .create .device .screen.showcase {
      opacity: 0;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/coverpages/coverpage-landing-slideshow-3.jpg);
    }

    .home .overview-coverpages .create .device .screen.sound {
      opacity: 0;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/coverpages/coverpage-landing-slideshow-4.jpg);
    }

    .home .overview-coverpages .create .device .screen.brand {
      opacity: 0;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/coverpages/coverpage-landing-slideshow-5.jpg);
    }

    .home .overview-coverpages .create .device .screen.getsocial {
      opacity: 0;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/coverpages/coverpage-landing-slideshow-6.jpg);
    }

    .home .overview-coverpages .create .device .screen.mobile {
      opacity: 0;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/coverpages/coverpage-landing-slideshow-7.jpg);
    }

    .home .overview-coverpages .create .iphone .screen {
      opacity: 1;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/coverpages/coverpage-landing-slideshow-8.jpg);
      top: 18.8%;
      left: 11.2%;
      width: 77.3%;
      height: 61.4%;
    }

    .home .create .article-text-wrapper {
      position: relative;
      left: 74%;
      width: 26%;
      display: block;
      vertical-align: middle;
      position: relative;
      padding-bottom: 500px;
      padding-bottom: 50vh;
    }

    .home .create .create-main {
      position: relative;
      margin-top: 40%;
    }

    .home .create .create-main .non-breaking-space {
      white-space: normal;
    }

    .home .create .create-main .lede {
      line-height: 1.69em;
      letter-spacing: 0em;
      padding-left: 0.4em;
      position: relative;
    }

    .home .create-mobile-shop .lede {
      max-width: 58%;
    }

    .home .create .subheadline {
      font-family: 'Gotham A', 'Gotham B', sans-serif;
      font-size: 40px;
      letter-spacing: -.03em;
      font-weight: 100;
      margin-bottom: 0.250em;
      line-height: 1em;
      max-width: 90%;
      margin-left: 10%;
      display: inline-block;
      width: auto;
    }

    .home .create .create-bullet {
      box-sizing: border-box;
      margin-top: 40px;
      margin-top: 35vh;
      margin-bottom: 20px;
      padding: 50px 0;
      /*background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/svg/slash.svg);*/
      background-size: 110%;
      background-position-x: -50%;
      background-repeat: no-repeat;
    }

    .home .overview-commerce .create .subheadline {

    }

    .home .overview-commerce .create .create-bullet {
      /*background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/svg/slash-light.svg);*/
    }

    .home .bullet-wrapper {
      padding: 10px 0;
    }

    .home .create .create-main + .create-bullet {
      margin-top: 50vh;
    }

    .home .create h3.subheadline {
      font-family: 'Gotham A', 'Gotham B', sans-serif;
      font-size: 20px;
      font-weight: 400;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      margin-bottom: 1em;
      line-height: 1em;
      max-width: 90%;
      margin-left: 10%;
      display: inline-block;
      width: auto;
      padding-left: 0.2em;
    }

    .home .create .lede {
      max-width: 70%;
      margin-left: 10%;
      padding-left: 0.2em;
    }

    .home .create .button-square {
      margin-left: 10%;
      margin-top: -25px;
    }

    .home .gallery-buttons {
      margin-top: 10px;
      margin-bottom: 0px;
      text-align: center;
    }

    .home section[data-color="dark"] .gallery-buttons .gallery-slide-indicator {
      color: #fff;
    }

    .home .gallery-buttons .gallery-slide-indicator {
      padding: 10px 8px;
      opacity: 0.3;
      cursor: pointer;
      color: #333333;
      font-size: 10px;

      -webkit-transition: opacity 0.1s ease;
      -moz-transition: opacity 0.1s ease;
      -ms-transition: opacity 0.1s ease;
      -o-transition: opacity 0.1s ease;
      transition: opacity 0.1s ease;
    }

    .home .gallery-buttons .gallery-slide-indicator.current {
      opacity: 1;
      cursor: default;
    }

    .home .build {
      padding-right: 0;
      position: relative;
      height: 1000px;
      padding: 0 4% 5vh 8%;
      height: 90vh;
      margin-top: 100px;
      overflow: hidden;
    }

    .home .build .background {
      position: absolute;
      top: 0;
      left: 4%;
      width: 92%;
      height: 100%;
      z-index: 1;
      background-color: #171717;
    }

    .home .build .article-content {
      display: table;
    }

    .home .build .article-text-wrapper {
      display: table-cell;
      vertical-align: middle;
      width: 30%;
      position: relative;
      top: 5%;
      z-index: 4;
      color: #fff;
    }

    .home .build .subheadline {
      width: 100%;
      max-width: 100%;
      position: relative;
      color: #f0f0f0;
    }

    .home .build .lede {
      max-width: 100%;
      width: 80%;
      padding-left: 0.5em;
    }

    .home .build .lede,
    .home .build .button-square {
      position: relative;
    }

    .home .build .article-device-wrapper {
      display: block;
      margin-top: 0vh;
      left: 31%;
      width: 65%;
      height: 100%;
      position: absolute;
      z-index: 2;
      overflow: hidden;
    }

    .home .build .macbook {
      width: 115%;
      padding-bottom: 68.4687%;
      position: relative;
      left: 3.5%;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
    }

    .home .build .macbook .gallery {
      background-color: rgba(255,255,255,1);
      position: absolute;
      top: 12.3%;
      left: 15.8%;
      width: 68.4%;
      height: 72%;
      overflow: hidden;
    }

    .home .cover-pages {
      overflow: hidden;
    }

    .home .cover-pages .article-content {
      display: block;
      height: 1000px;
      height: 100vh;
      margin-bottom: 500px;
      margin-bottom: 50vh;
    }

    .home .cover-pages .article-text-wrapper {
      width: 35%;
      margin: 0;
      padding-top: 10%;
      height: auto;
      position: relative;
      z-index: 1;
    }

    .home .cover-pages .subheadline {
      width: 100%;
      max-width: 100%;
      padding-top: 15%;
      position: relative;
    }

    .home .cover-pages .lede {
      max-width: 65%;
      padding-left: 0.5em;
      box-sizing: border-box;
      position: relative;
    }

    .home .cover-pages .button-square {
      position: relative;
    }

    .home .cover-pages .article-device-wrapper {
      position: absolute;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    .home .cover-pages .article-device-wrapper-iphone {
      width: 17%;
      left: 37%;
      top: 5%;
    }

    .home .cover-pages .iphone .screen {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/overview/landing-main-cover-phone-v2.jpg);
    }

    .home .cover-pages .article-device-wrapper-ipad {
      width: 45%;
      left: 55%;
      top: 55%;
    }

    .home .cover-pages .ipad .screen {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/overview/landing-main-cover-tablet-v2.jpg);
    }

    .home .cover-pages .article-device-wrapper-macbook {
      width: 65%;
      left: 50%;
      top: 15%;
    }

    .home .cover-pages .macbook .screen {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/overview/landing-main-cover-laptop-v2.jpg);
    }

    .home .cover-pages .article-device-wrapper-cinema {
      width: 65%;
      top: 40%;
      left: -20%;
    }

    .home .cover-pages .cinema .screen {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/home/overview/landing-main-cover-cinema-v2.jpg);
    }

    .home article.drive-sales {
      padding-top: 250px;
      padding-bottom: 100px;
    }

    .home article.anything {
      padding-top: 200px;
      padding-bottom: 0px;
    }

    .home .article-text-wrapper.centered {
      text-align: center;
    }

    .home .centered .subheadline {
      width: 100%;
      max-width: 100%;
    }

    .home .centered .lede {
      position: relative;
      margin-left: auto;
      margin-right: auto;
    }

    .home .drive-sales .lede {
      max-width: 680px;
    }

    .home section[data-name='overview-coverpages'] .anything .lede {
      max-width: 600px;
    }

    .home .grid-wrapper {
      margin-top: 100px;
      margin-bottom: 100px;
      padding: 0 12%;
    }

    .grid-item {
      width: 25%;
      margin: 4.166666667%;
      position: relative;
      float: left;
      text-align: center;
    }

    .grid-item:nth-child(1n+4):not(:last-child):after {
      content: '';
      opacity: 0.65;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/svg/light-plus-icon.svg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50%;
      position: absolute;
      bottom: 0px;
      right: 0;
      width: 16.67%;
      padding-bottom: 16.67%;
      -webkit-transform: translate3d(155.5%, 155.5%, 0);
      -moz-transform: translate3d(155.5%, 155.5%, 0);
      -ms-transform: translate3d(155.5%, 155.5%, 0);
      -o-transform: translate3d(155.5%, 155.5%, 0);
      transform: translate3d(155.5%, 155.5%, 0);
    }

    .grid-item:before {
      content: '';
      opacity: 0.65;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/svg/light-plus-icon.svg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50%;
      position: absolute;
      top: 0px;
      left: 0;
      width: 16.67%;
      padding-bottom: 16.67%;
      -webkit-transform: translate3d(-155.5%, -155.5%, 0);
      -moz-transform: translate3d(-155.5%, -155.5%, 0);
      -ms-transform: translate3d(-155.5%, -155.5%, 0);
      -o-transform: translate3d(-155.5%, -155.5%, 0);
      transform: translate3d(-155.5%, -155.5%, 0);
    }

    .overview-commerce .grid-item:before,
    .overview-commerce .grid-item:after {
      opacity: 1;
    }

    .grid-item:nth-child(3n+1) {
      clear: both;
    }

    .grid-item:nth-child(2n+1) {
      clear: none;
    }

    .grid-item:nth-child(3n+1):before {
      content: none;
      clear: both;
    }

    .grid-item:nth-child(3n+0):after {
      content: none;
    }

    .grid-item-icon {
      width: 80px;
      height: 80px;
      margin: 0 auto;
      margin-bottom: 10%;
      background-size: contain;
      background-position: 50%;
      background-repeat: no-repeat;
    }

    .overview-commerce .grid-item-icon {
      opacity: .6;
    }

    .home .grid-item .grid-item-icon {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/svg/blog.svg);
    }

    .home .drive-sales .grid-item.customers .grid-item-icon {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/svg/blog.svg);
    }

    .home .drive-sales .grid-item.storytelling .grid-item-icon {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/svg/gallery.svg);
    }

    .home .drive-sales .grid-item.orders .grid-item-icon {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/svg/clipboard.svg);
    }

    .home .drive-sales .grid-item.shipping .grid-item-icon {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/svg/box.svg);
    }

    .home .drive-sales .grid-item.marketing-tools .grid-item-icon {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/svg/pie.svg);
    }

    .home .drive-sales .grid-item.cart .grid-item-icon {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/svg/lock.svg);
    }

    .home .features-grid {
      padding-bottom: 0
    }

    .home .features-grid .grid-item .grid-item-icon {
      opacity: 0.65;
    }

    .home .features-grid .grid-item.photo .grid-item-icon {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/svg/photo.svg);
    }

    .home .features-grid .grid-item.email .grid-item-icon {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/svg/email.svg);
    }

    .home .features-grid .grid-item.brand .grid-item-icon {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/svg/brand.svg);
    }

    .home .features-grid .grid-item.mobile .grid-item-icon {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/svg/iphone.svg);
    }

    .home .features-grid .grid-item.dev .grid-item-icon {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/svg/dev.svg);
    }

    .home .features-grid .grid-item.insight .grid-item-icon {
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/svg/pie-chart.svg);
    }

    .grid-item-name {
      margin-left: 0;
    }

    .home .examples .template-preview {
      float: left;
      width: 30%;
      margin: 1.5% 1.5%;
    }

    .home .examples .template-preview .name {
      margin-left: 15px;
    }

    .home .examples .template-preview img {
      max-width: 100%;
      -webkit-box-shadow: rgba(0,0,0,.06) 0px 3px 10px;
      -moz-box-shadow: rgba(0,0,0,.06) 0px 3px 10px;
      box-shadow: rgba(0,0,0,.06) 0px 3px 10px;
    }

   /* MOBILE */

  .mobile .fixed {
    position: absolute !important;
  }

  .mobile .more-arrow,
  .touch .more-arrow {
    display: none;
  }

  .mobile .home .create .cinema {
    width: 100%;
    padding-bottom: 71%;
    background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/devices/white-devices-noscreen-cinema.png?v=2);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative !important;
  }

  @media all and (max-width: 1920px) {
    .home .cover-pages .article-device-wrapper-ipad {
      left: 48%;
    }

    .pricing .price-plan {
      margin: 0 1%;
      width: 31.333%;
    }

    .price-plan .feature-highlight {
      margin-top: 30px;
    }

    .home .custom-domains {
      margin-top: 100px;
    }

    .home .custom-domains .subheadline {
      left: 15%;
      width: 90%;
    }

    .home .custom-domains .subheadline-wrapper-bottom .subheadline {
      width: 65%;
      margin: 0 auto;
    }

    .home .features {
      padding-left: 12%;
      padding-right: 12%;
    }

    .home .grid-wrapper {
      padding-left: 4.75%;
      padding-right: 4.75%;
    }

    .home .customer-support .feature-content {
      max-width: 50%;
    }

    .price .super {
      font-size: 40px;
    }

    /* DREAMING WITH JEFF */
    section[data-name='dreamingwithjeff'] .foreground-wrapper > * {
      /*background-position-x: 0%;*/
    }

    .home section[data-name='overview-commerce'] .text-wrapper .lede {
      width: 80%;
      max-width: 100%;
    }

    .home .overview-commerce .create .lede {
      max-width: 77%;
    }

    .home .grid-item-content {
      width: 100%;
    }

    .home .overview-coverpages .hero-content-wrapper .device-wrapper-iphone {
      width: 35%;
      left: 13%;
      top: 9%;
    }
  }

  @media all and (max-width: 1800px) {
    .hero-content-wrapper .responsive-break {
      display: block;
    }

    /* DREAMING WITH JEFF */
    section[data-name='dreamingwithjeff'] .foreground-wrapper > * {
      background-position-x: 5%;
    }

  }

  @media all and (max-width: 1680px) {
    .home .cover-pages .article-text-wrapper {
      width: 38%;
    }

    .home .cover-pages .lede {
      max-width: 80%;
    }

    .home .cover-pages .article-device-wrapper-iphone {
      left: 38%;
    }

    .home .create .article-text-wrapper {
      left: 71%;
      width: 33%;
    }

    .home .pricing {
      padding-left: 5%;
      padding-right: 5%;
    }

    .price .super {
      font-size: 36px;
    }

    .grid-item:before {
      width: 20%;
      height: 20%;
      -webkit-transform: translate3d(-155.5%, -85.5%, 0);
      -moz-transform: translate3d(-155.5%, -85.5%, 0);
      -ms-transform: translate3d(-155.5%, -85.5%, 0);
      -o-transform: translate3d(-155.5%, -85.5%, 0);
      transform: translate3d(-155.5%, -85.5%, 0);
    }

    .grid-item:nth-child(1n+4):not(:last-child):after {
      width: 20%;
      height: 20%;
      -webkit-transform: translate3d(109.5%, 105.5%, 0);
      -moz-transform: translate3d(109.5%, 105.5%, 0);
      -ms-transform: translate3d(109.5%, 105.5%, 0);
      -o-transform: translate3d(109.5%, 105.5%, 0);
      transform: translate3d(109.5%, 105.5%, 0);
    }

    /* DREAMING WITH JEFF */
    section[data-name='dreamingwithjeff'] .foreground-wrapper > * {
      background-position-x: 20%;
    }

    section[data-name='dreamingwithjeff'] .text-wrapper .lede {
      width: 80%;
      max-width: 100%;
    }

    .home .overview-commerce .create .lede {
      max-width: 90%;
    }

    .home .overview-commerce .features .row-clear {
      margin-bottom: 0;
    }

    .home .overview-commerce .create h3.subheadline,
    .home .overview-coverpages .create h3.subheadline {
      font-size: 35px;
    }
  }

  @media all and (max-width: 1600px) {
    .home .create .lede {
      max-width: 81%;
    }

    .home .cover-pages .article-device-wrapper-cinema {
      top: 48%;
    }

    .home .customer-support .feature-content {
      max-width: 60%;
    }

    .price .super {
    }

    .price .amt.annual {
      margin-top: -11px;
    }
  }

  @media all and (max-width: 1536px) {
    .home article .subheadline {
    }

    .home .build .article-text-wrapper {
      width: 33%;
    }

    .home .customer-support .feature-content,
    .home .grid-item-content,
    .home .lede {
    }

    .home .custom-domains .subheadline-wrapper-bottom .subheadline {
      width: 65%;
      margin-top: -5%;
    }

    .price .super {
      font-size: 33px;
    }

    .home section[data-name='overview'] .device-wrapper {
      top: 50%;
    }
    .home section[data-name='overview'] .device-wrapper img {
      max-width: 130%;
      left: 50%;
    }
  }

  @media all and (max-width: 1440px ) {
    .home .section-navigation-wrapper {
      top: 13px;
    }

    /*.home .text-wrapper .headline:not(.caps) {
      font-size: 80px !important;
      line-height: 0.9em;
      margin-bottom: 30px;
    }*/

    .home .text-wrapper .lede {
      /*max-width: 95%;*/
    }

    .home .text-wrapper .lede,
    .home .lede {
      /*font-family: 'Gotham SSm A','Gotham SSm B',sans-serif;
      font-size: 13px;
      line-height: 25px;*/
    }

    .home article .subheadline {
    }

    .home section[data-name='overview'] .device-wrapper {
      vertical-align: middle;
      width: 60%;
    }

    .home section[data-name='overview'] .campaign-cta {
      left: 12.5%;
    }

    .home .hero-content-wrapper .device-wrapper {
      vertical-align: bottom
    }

    .home .video-play {
      width: 30px;
      height: 30px;
    }

    .home .video-play:after {
      left: 40px;
    }

    .home .create .article-text-wrapper {
      padding-bottom: 30vh;
    }

    .home .create .create-bullet {
      margin-bottom: 0;
      padding-bottom: 0;
    }
    .home .create .create-bullet,
    .home .overview .create .create-bullet,
    .home .overview .create .create-bullet.create-business,
    .home .overview-commerce .create .create-bullet,
    .home .overview-commerce .create .create-bullet.create-design,
    .home .overview-coverpages .create .create-bullet,
    .home .overview-coverpages .create .create-bullet.create-photos {
      background-image: none;
    }

    .home .create h3.subheadline {
    }

    .home .create .lede {
      max-width: 75%;
    }

    .home .build .article-device-wrapper {
      margin-top: 0%;
    }

    .home .build .background {
    }

    .home .cover-pages .article-text-wrapper {
      padding-top: 10px;
      width: 50%;
    }

    .home .cover-pages .article-device-wrapper-iphone {
      width: 20%;
      left: 50%;
      top: 5%;
    }

    .home .cover-pages .article-device-wrapper-ipad {
      display: none;
    }

    .home .cover-pages .article-device-wrapper-macbook {
      width: 65%;
      left: 50%;
      top: 40%;
    }

    .home .cover-pages .article-device-wrapper-cinema {
      width: 70%;
    }

    .home .custom-domains {
      margin-top: 50px;
    }

    .home .custom-domains .subheadline-wrapper-bottom .subheadline {
      width: 65%;
      margin-top: 0;
    }

    .home .features {
      padding: 50px 8%;
    }

    .home .grid-wrapper {
      padding-left: 0%;
      padding-right: 0%;
    }

    .home .features .feature {
      margin-top: 20px;
      margin-bottom: 20px;
    }

    .home .feature .feature-content,
    .home .grid-item-content {
      font-family: 'Gotham SSm A','Gotham SSm B',sans-serif;
    }

    .home .feature .feature-name,
    .grid-item .grid-item-name {
      font-weight: 400;
    }

    .home .customer-support .feature-content,
    .home .grid-item-content {
      font-family: 'Gotham SSm A','Gotham SSm B',sans-serif;
    }

    .home .pricing {
      padding-left: 0;
      padding-right: 0;
    }

    .price .price-plan {
      width: 31.333%;
      margin-left: 1%;
      margin-right: 1%;
    }

    .price .super {
      font-size: 30px;
    }

    .price .amt.annual {
      font-size: 100px;
      line-height: 75px;
      margin-bottom: 30px;
      margin-top: 0;
    }

    .price .price-breakdown {
      font-size: 8px;
      letter-spacing: 0;
    }

    .price-plan .plan-name {
      font-size: 40px;
      line-height: 40px;
      margin-bottom: 30px;
    }

    .price-plan .feature-highlight {
      font-family: 'Gotham SSm A','Gotham SSm B',sans-serif;
      font-size: 14px;
    }

    /* DREAMING WITH JEFF */
    section[data-name='dreamingwithjeff'] .text-wrapper .lede {
      width: 82%;
    }

    .home .text-wrapper .button-wrapper {
      margin-top: 0;
    }

    .home .text-wrapper .button-wrapper .button-square {
      margin-top: 35px;
    }

    .home section[data-name='dreamingwithjeff'] .video-play {
      width: 30px;
      height: 30px;
    }

    .home section[data-name='dreamingwithjeff'] .video-play-text {
      line-height: 30px;
    }

    .home .overview-commerce .device-wrapper {
      width: 55%;
    }

    .home .overview-commerce .create-main h2.subheadline {
      line-height: 1em;
    }

    .home .overview-commerce .create h3.subheadline,
    .home .overview-coverpages .create h3.subheadline {
      font-size: 30px;
    }

    .home .overview-commerce .subheadline.commerce {
      font-size: 44px;
    }

    .home .overview-commerce .feature .feature-name,
    .home .grid-item .grid-item-name {
      letter-spacing: 0em;
    }

    .home article.anything {
      padding-top: 150px;
    }

    .home section[data-name='overview-coverpages'] .anything .lede {
      width: 40%;
    }

    .home .examples .template-preview {
      width: 47%;
    }
  }

  /* landscape phones */
  @media all and (orientation: landscape) and (max-width: 10000px) and (max-height: 600px){
    .home section[data-name='overview'] .text-wrapper .campaign-cta {
      left: 50% !important;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
    }

    .home section[data-name='overview'] .text-wrapper {
      padding-top: 10% !important;
    }

    .home section[data-name='overview'] .text-wrapper .lede-mobile {
      margin: auto;
    }
  }

  @media all and (max-width: 1366px) {
    .home .create .lede {
      max-width: 100%;
    }

    .home .create .article-text-wrapper {
      width: 30%;
    }

    .home .create .subheadline,
    .home article.anything .subheadline{
    }

    .home .create h3.subheadline {
    }

    .home .build .article-text-wrapper {
      width: 35%;
    }

    .home .build .subheadline {
    }

    .home .build .article-device-wrapper {
    }

    .home .cover-pages .subheadline {
    }

    .home .custom-domains .subheadline-wrapper-top .subheadline {
      /*font-size: 50px !important;*/
      margin-top: -5vh;
    }

    .home .custom-domains .subheadline-wrapper-bottom .subheadline {
      /*font-size: 50px !important;*/
    }

    .home .features {
      padding-left: 5%;
      padding-right: 5%;
    }

    .home .overview-commerce .text-wrapper .headline,
    .home .overview-coverpages .text-wrapper .headline
     {
      /*font-size: 70px !important;*/
    }
  }

  @media all and (max-width: 1280px) {
    .home section[data-name='overview'] .campaign-cta svg {
      width: 30px;
      top: 10px;
    }

    .home .overview .three-devices {
      width: 125%;
      padding-bottom: 64.59375%;
    }

    .home .custom-domains .subheadline-wrapper-top .subheadline {
      /*font-size: 50px !important;*/
      margin-top: -5vh;
    }

    .home .custom-domains .subheadline-wrapper-bottom .subheadline {
      /*font-size: 50px !important;*/
    }

    /* .drive-sales */
    .home .grid-wrapper .grid-item {
      width: 44%;
      margin-left: 3%;
      margin-right: 3%;
    }

    .grid-item:before,
    .grid-item:nth-child(1n+4):not(:last-child):after {
      width: 10.67%;
      padding-bottom: 10.67%;
      -webkit-transform: translate3d(-115.5%, -115.5%, 0);
      -moz-transform: translate3d(-115.5%, -115.5%, 0);
      -ms-transform: translate3d(-115.5%, -115.5%, 0);
      -o-transform: translate3d(-115.5%, -115.5%, 0);
      transform: translate3d(-115.5%, -115.5%, 0);
    }

    .grid-item:nth-child(3n+1):before {
      content: '';
    }

    .grid-item:nth-child(2n+1):before,
    .grid-item:first-child:before {
      content: none;
    }

    .home .grid-wrapper .grid-item:nth-child(3n+1) {
      clear: none;
    }

    .home .grid-wrapper .grid-item:nth-child(2n+1) {
      clear: both;
    }


    .home .overview-commerce .text-wrapper .headline,
    .home .overview-coverpages .text-wrapper .headline {
      /*font-size: 60px !important*/;
    }

    /* DREAMING WITH JEFF */
    section[data-name='dreamingwithjeff'] .foreground-wrapper > * {
      background-position-x: 90%;
    }

    section[data-name='dreamingwithjeff'] .text-wrapper .lede {
      width: 100%;
    }

    .home .grid-wrapper .grid-item:nth-child(odd):before,
    .home .grid-wrapper .grid-item:not(:last-child):after {
      content: none;
    }

    .home .grid-wrapper .grid-item:nth-child(even):before {
      content: '';
      width: 10.67%;
      padding-bottom: 10.67%;
      -webkit-transform: translate3d(-115.5%, -65.5%, 0);
      -moz-transform: translate3d(-115.5%, -65.5%, 0);
      -ms-transform: translate3d(-115.5%, -65.5%, 0);
      -o-transform: translate3d(-115.5%, -65.5%, 0);
      transform: translate3d(-115.5%, -65.5%, 0);
    }

    .home .grid-wrapper .grid-item:last-child:after {
      content: '';
      width: 12.67%;
      padding-bottom: 12.67%;
      background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/svg/light-plus-icon.svg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50%;
      position: absolute;
      bottom: 0px;
      left: 0;
      -webkit-transform: translate3d(-105.5%, 215.5%, 0);
      -moz-transform: translate3d(-105.5%, 215.5%, 0);
      -ms-transform: translate3d(-105.5%, 215.5%, 0);
      -o-transform: translate3d(-105.5%, 215.5%, 0);
      transform: translate3d(-105.5%, 215.5%, 0);
    }
  }

  @media all and (max-width: 1024px) {
    body[data-page-type^='home'] .section-navigation-wrapper {
      background: #f0f0f0;
      top: 0 !important;
      width: 100%;
      margin: 0%;
    }

    body[data-page-type^='home'] .section-navigation-wrapper.light {
      background: #171717;
    }

    body[data-page-type^='home'] .section-navigation-wrapper .nav-list {
      width: 100%;
      display: block;
      height: auto;
    }

    body[data-page-type^='home'] .nav-item {
      flex: none;
      display: block;
      width: 100%;
    }

    body[data-page-type^='home'] .nav-link {
      display: block;
      text-align: center;
    }

    section[data-name="overview"] #build-it-beautiful-script {
      width: 50%;
      left: 0;
      padding-left: 0;
    }

    section[data-name="overview"] .text-wrapper,
    body[data-page-type^='home'] .active .text-wrapper {
      width: 100%;
      text-align: center;
      padding-left: 0;
      padding-right: 0;
    }

    .home section[data-name='overview'] .device-wrapper {
      top: 54%;
    }

    .home section[data-name='overview'] .text-wrapper .button-square {
      position: relative;
      z-index: 999;
    }

    section[data-name='dreamingwithjeff'] .text-wrapper .lede {
      font-size: 14px;
      letter-spacing: 0.05em;
    }

    .home .hero-content-wrapper .device-wrapper,
    .home .overview-coverpages .hero-content-wrapper .device-wrapper {
    }


    .home .overview .three-devices {
      width: 100%;
      padding-bottom: 51.675%;
    }

    .home .text-tagline {
      font-family: 'Gotham SSm A','Gotham SSm B',sans-serif;
      font-size: 11px;
      letter-spacing: 0.06em;
    }

    /* .create */
    .home .create {
      padding-bottom: 10%;
    }

    .home .create .article-device-wrapper {
      width: 100%;
      height: auto;
      left: 0%;
      position: relative;
    }

    .home .create .macbook.fixed {
      width: 100%;
      padding-bottom: 59.538%;
      position: relative !important;
      bottom: initial !important;
    }

    .home .create .cinema.fixed {
      width: 100%;
      padding-bottom: 70.86%;
      position: relative !important;
      bottom: initial !important;
    }

    .home .create .iphone.fixed {
      display: none !important;
    }

    .home .create .article-text-wrapper {
      width: 100%;
      left: 0%;
      padding-bottom: 0;
      opacity: 0;
    }

    .home .create .gallery-buttons + .article-text-wrapper {
      opacity: 1;
      -webkit-transition: opacity 0.5s 1s ease;
    }

    .home .create .create-main {
      position: relative;
      left: 0%;
      width: 100%;
      margin-top: 0;
      margin-bottom: 0;
      padding-top: 50px;
      padding-bottom: 0;
      box-sizing: border-box;
      float: none;
    }

    .home .create .subheadline,
    .home .create .lede {
      max-width: 100%;
      margin-left: 0;
    }

    .home .create .create-main .subheadline {
      font-size: 25px;
    }

    .home .create .create-main,
    .home .create .create-bullet,
    .home .overview .create .create-bullet,
    .home .overview .create .create-bullet.create-business,
    .home .overview-commerce .create .create-bullet,
    .home .overview-commerce .create .create-bullet.create-design,
    .home .overview-coverpages .create .create-bullet,
    .home .overview-coverpages .create .create-bullet.create-photos {
      background-image: none;
      margin-top: 10px;
      margin-bottom: 0;
      padding-top: 0;
      float: none;
      width: 84%;
      position: absolute;
      top: 0;
      left: 8%;

      -webkit-transition: opacity 0.5s ease, left 0.5s ease;
      -moz-transition: opacity 0.5s ease, left 0.5s ease;
      -ms-transition: opacity 0.5s ease, left 0.5s ease;
      -o-transition: opacity 0.5s ease, left 0.5s ease;
      transition: opacity 0.5s ease, left 0.5s ease;
    }

    .home .create .create-bullet * {
      margin-left: 0;
      max-width: 100%;
      padding: 0;
    }

    .home .create .create-bullet:nth-child(2n) {
      clear: both;
    }

    .home .create h3.subheadline {
      /*font-size: 25px !important;*/
      margin-bottom: 10px;
      margin-left: 0;
    }

    /* .build */

    .home .build .article-text-wrapper {
      display: block;
      width: 100%;
    }

    .home .build .article-device-wrapper {
      position: relative;
      display: block;
      width: 115%;
      left: 40%;
      margin-top: -40%;
      overflow: visible;
    }

    .home .build .lede {
      max-width: 100%;
      width: 42%;
    }

    .home .build .background {
      top: 0%;
      height: 86%;
      width: 100%;
      left: 0;
    }

    .home .build .macbook {
      width: 100%;
      padding-bottom: 59.538%;
      left: 0;
      top: 0%;
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      -o-transform: translateY(0%);
      transform: translateY(0%);
    }

    /* .cover-pages */
    .home .cover-pages .article-text-wrapper {
      padding-top: 0;
      width: 60%;
    }

    .home .cover-pages .lede {
      max-width: 100%;
      width: 80%;
    }

    .home .cover-pages .article-device-wrapper-iphone {
      top: 0%;
      width: 25%;
      left: 63%;
    }

    .home .cover-pages .article-device-wrapper-ipad {
      width: 58%;
      left: 50%;
      top: 33%;
      display: block;
    }

    .home .cover-pages .article-device-wrapper-macbook {
      display: none;
    }

    .home .cover-pages .article-device-wrapper-cinema {
      width: 85%;
      top: 50%;
      left: -35%;
    }

    /* .custom-domains */
    .home .custom-domains {
      width: 100%;
    }

    .home .custom-domains .subheadline {
      max-width: 100%;
      width: 55%;
    }

    .mobile .home .features {
      min-height: 0 !important;
      padding-top: 0;
    }

    .mobile .home .custom-domains {
      min-height: 0 !important;
      padding-top: 50px;
      padding-bottom: 0;
    }

    .mobile .home .features-grid {
      min-height: 0 !important;
      padding-bottom: 0;
      padding-top: 0;
    }

    .home .grid-wrapper {
      margin-bottom: 0;
    }

    .home .feature .feature-name {
      margin-bottom: 0.6em;
    }

    /* price */
    .pricing .price-plan {
      width: 28%;
    }

    .price .super {
      font-size: 26px;
    }

    .pricing .price-breakdown {
      display: none;
    }

    .pricing .price-breakdown.price-breakdown-mobile {
      display: block;
      font-size: 8px;
      line-height: 2em;
      margin-top: 30px;
      opacity: .5;
    }

    section[data-name='dreamingwithjeff'] .starfield {
      width: 130%;
      height: 130%;
      left: -15%;
      top: -15%;
    }

    /* drive-sales grid */
    .home .grid-wrapper .grid-item {
      width: 44%;
      height: auto !important;
    }
    .home .grid-wrapper .grid-item:nth-child(3n+1) {
      clear: none;
    }

    .home .grid-wrapper .grid-item:nth-child(2n+1) {
      clear: both;
    }

    .home .grid-wrapper .grid-item-icon {
      margin-bottom: 30px;
      width: 60px;
      height: 60px;
    }

    .home .overview-coverpages .text-wrapper .lede {
      width: 75%;
    }

    .home .overview-coverpages .hero-content-wrapper .device-wrapper-iphone {
      width: 41%;
      left: 3%;
      top: 0%;
    }

    .home .overview-coverpages .hero-content-wrapper .device-wrapper-ipad {
      width: 90%;
      left: -10%;
      top: auto;
      bottom: -16%;
    }

    .home .overview-coverpages .hero-content-wrapper .device-wrapper-macbook {
      width: 132%;
      left: 36%;
      top: 10%;
    }

    .home .overview-coverpages .create-main > .lede {
      width: 57%;
    }

    .home .overview-coverpages .section-content-wrapper {
      background-color: rgb(225, 225, 225);
    }

    .home .overview-coverpages .create .subheadline br {
      display: none;
    }

    .home article.anything {
      background-color: #ffffff;
      min-height: 100px !important;
      padding-top: 100px;
      margin-top: 100px;
    }

    .home section[data-name='overview-coverpages'] .anything .lede {
      width: 50%;
    }

    .home .examples {
      background-color: #ffffff;
    }
  }

  @media all and (max-width: 1023px) {
    body[data-page-type^='home'] .section-navigation-wrapper {
      padding-top: 22px;
    }

    .home section[data-name='dreamingwithjeff'] .text-wrapper .headline {
      letter-spacing: 0em;
    }

    .home .overview-coverpages .hero-content-wrapper .device-wrapper-iphone {
    }

    .home .overview-coverpages .hero-content-wrapper .device-wrapper-ipad {
      width: 80%;
      bottom: -21%;
    }

    .home .overview-coverpages .hero-content-wrapper .device-wrapper-macbook {
      width: 122%;
    }

    .touch:not(.ios) .home section[data-name="overview"] .text-wrapper {
      padding-top: 15% !important;
    }
  }

  @media all and (max-width: 800px) {
    .mobile .home .text-wrapper {
      vertical-align: top;
      padding-top: 30%;
      width: 90%;
    }

    .mobile .hero-content-wrapper .device-wrapper,
    .mobile .overview-coverpages .hero-content-wrapper .device-wrapper {
      position: absolute;
      width: 100%;
      height: 100%;
      display: block;
      left: 0;
      top: 0;
    }


    .mobile .home .overview .three-devices {
      position: absolute;
      bottom: 5%;
    }

    .home .text-wrapper {
      width: 70%;
    }

    .home .text-wrapper .headline:not(.caps) {
    }

    .home .text-wrapper .lede {
      max-width: 60%;
    }

    section[data-name="overview"] .text-wrapper .lede {
      max-width: 100%;
    }

    section[data-name="overview"] #build-it-beautiful-script {
      width: 66.66666%;
      left: -4.5%;
    }
    .home section[data-name='overview'] .device-wrapper {
      top: 51%;
    }

    .hero-content-wrapper .responsive-break {
      display: inline;
    }

    .home .text-wrapper .button-square {
      margin-top: 30px;
    }

    .home .text-wrapper .lede,
    .home .lede,
    .home .feature .feature-content,
    .home .grid-item-content {
      font-family: 'Gotham SSm A','Gotham SSm B',sans-serif;
      line-height: 1.64em;
    }

    .home article .subheadline,
    .home .create .subheadline,
    .home .build .subheadline,
    .home .cover-pages .subheadline {
      line-height: 1em;
    }

    /* .create */
    .home .create {
      padding-bottom: 10%;
    }

    .home .create .article-device-wrapper {
      width: 100%;
      height: auto;
      left: 0%;
      position: relative;
    }

    .home .create .create-bullet:nth-child(2n) {
      clear: both;
    }

    .home .create h3.subheadline {
      /*font-size: 25px !important;*/
      margin-bottom: 10px;
    }

    /* .build */
    .home .build .article-text-wrapper {
      display: block;
      width: 100%;
    }

    .home .build .article-device-wrapper {
      position: relative;
      display: block;
      width: 115%;
      left: 40%;
      margin-top: -39%;
    }

    .home .build .lede {
      max-width: 100%;
      width: 42%;
    }

    .home .build .background {
      top: 0%;
      height: 86%;
    }

    /* .cover-pages */
    .home .cover-pages .article-text-wrapper {
      padding-top: 0;
      width: 60%;
    }

    .home .cover-pages .subheadline {
      padding-top: 34%;
    }

    .home .cover-pages .lede {
      max-width: 100%;
      width: 80%;
    }

    .home .cover-pages .article-device-wrapper-iphone {
      top: 0%;
      width: 30%;
      left: 63%;
    }

    .home .cover-pages .article-device-wrapper-ipad {
      width: 75%;
      left: 40%;
      top: 30%;
    }

    .home .cover-pages .article-device-wrapper-cinema {
      width: 100%;
      top: 60%;
      left: -25%;
    }

    /* .custom-domains */
    .home .custom-domains .subheadline {
      max-width: 100%;
      width: 100%;
      margin-top: 10%;
      background-color: #1c1c1c;
      min-height: 0 !important;
    }

    .home .custom-domains .superheadline {
      width: 60%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 1em;
    }

    /* .features */
    .home .feature {
      width: 50%;
      background-image: none;
      float: left;
      padding-left: 5%;
      padding-right: 5%;
      margin-left: 0;
      margin-right: 0;
    }

    .home .feature:nth-child(3n+1) {
      clear: none;
    }

    .home .feature:nth-child(2n+1) {
      clear: both;
    }

    /*.home .overview-commerce .features .row-clear {
      display: none;
    }*/

    .home .feature.customer-support {
      padding: 0;
      background-image: none;
      width: 50%;
      float: none;
      clear: none;
      padding: 30px;
    }

    .home .customer-support .feature-content {
      max-width: 100%;
      width: 100%;
    }

    /* .pricing */
    .pricing .article-content {
      padding: 0 6%;
    }

    .pricing .price-plan {
      display: block;
    }

    .pricing .price-plan .price {
      display: block;
      width: 100%;
      text-align: left;
      font-size: 30px;
      margin-left: -0.6em;
    }

    .price .super {
      top: -1.1em;
      font-size: 33px;
    }

    .price .amt.annual {
      font-size: 80px;
      line-height: 80px;
      margin-bottom: 0px;
    }

    .pricing .price-plan .info {
      display: block;
      width: 100%;
      padding-left: 0;
    }

    .price-plan .plan-name {
      font-size: 30px;
      line-height: 1.5em;
      margin-bottom: 10px;
      opacity: 1;
    }

    .price-plan .feature-highlight {
      font-family: 'Gotham SSm A','Gotham SSm B',sans-serif;
      font-size: 11px;
      line-height: 1.64em;
      margin-top: 0;
    }

    .price-plan ul li {
      font-family: 'Gotham SSm A','Gotham SSm B',sans-serif;
      font-size: 11px;

    }

    .home .section-navigation-wrapper {
      width: 30%;
      margin: 0 35%;
    }

    .home .overview-commerce .text-wrapper .headline,
    .home .overview-coverpages .text-wrapper .headline {
      /*font-size: 50px !important;*/
    }

    section[data-name='dreamingwithjeff'] .foreground-wrapper {
      left: 40%;
      right: -40%;
    }

    section[data-name='dreamingwithjeff'] .foreground-wrapper > * {
      top: 5%;
      height: 100%;
    }

    .home section[data-name='dreamingwithjeff'] .text-wrapper {
      width: 40%;
      padding-left: 5%;
      padding-right: 0;
      vertical-align: middle;
      padding-top: 0;
    }

    .home section[data-name='dreamingwithjeff'] .text-wrapper .headline {
      font-size: 60px;
    }

    .home article.drive-sales {
      padding-top: 100px;
    }

    .home .grid-wrapper .grid-item:nth-child(even):before {
      -webkit-transform: translate3d(-115.5%, -60.5%, 0);
      -moz-transform: translate3d(-115.5%, -60.5%, 0);
      -ms-transform: translate3d(-115.5%, -60.5%, 0);
      -o-transform: translate3d(-115.5%, -60.5%, 0);
      transform: translate3d(-115.5%, -60.5%, 0);
    }

    .home .examples .template-preview {
      width: 100%;
      margin: 0% 0 5%;
    }

    .home .overview-coverpages .text-wrapper .lede {
      width: 50%;
    }

    .home .overview-coverpages .hero-content-wrapper .device-wrapper-iphone {
      width: 44%;
      left: 52%;
      top: auto;
      bottom: -15%;
    }

    .home .overview-coverpages .hero-content-wrapper .device-wrapper-ipad {
      width: 89%;
      left: -38%;
      top: auto;
      bottom: 1%;
    }

    .home .overview-coverpages .hero-content-wrapper .device-wrapper-macbook {
      width: 110%;
      left: 46%;
      top: 9%;
    }

    .home .anything .subheadline {
      margin-bottom: 15px;
    }

    .home section[data-name='overview-coverpages'] .anything .lede {
      width: 75%;
    }
    .home section[data-name="overview"] .hero-content-wrapper {
      z-index: 997;
    }
    .home section[data-name="overview"] .text-wrapper {
      position: static;
    }
    .home section[data-name="overview"] .text-wrapper .campaign-cta {
      position: absolute;
      bottom: 3%;
      left: 36px;
    }
    .home section[data-name="overview"] .text-wrapper .campaign-cta span {
      font-size: 10px;
    }
    .home section[data-name='overview'] .text-wrapper .learnmore {
      display: none;
    }
  }

  @media all and (max-width: 767px) {
    body[data-page-type^='home'] .section-navigation-wrapper {
      /*padding-top: 5px !important;*/
    }

    .section-navigation-mobile-trigger {
      top: 23px;
    }

    .home .text-wrapper .button-wrapper {
      white-space: normal;
    }

    .home .text-wrapper .button-wrapper .button-square {
      margin-left: 0px;
    }

    .home .text-wrapper .button-square + .learnmore,
    .home .text-wrapper .button-square + .button-square {
      margin-left: 30px;
      margin-top: 25px;
    }
  }

  @media all and (max-width: 700px) {
    .home .create .create-main .non-breaking-space {
      white-space: nowrap;
    }
    .home .overview-coverpages .hero-content-wrapper .device-wrapper-iphone {
      width: 44%;
      left: 52%;
      top: auto;
      bottom: -13%;
    }

    .home .overview-coverpages .hero-content-wrapper .device-wrapper-ipad {
      width: 91%;
      left: -38%;
      top: auto;
      bottom: 7%;
    }

    .home .overview-coverpages .hero-content-wrapper .device-wrapper-macbook {
      width: 110%;
      left: 46%;
      top: 19%;
    }
  }

  @media all and (max-width: 600px) {
    .section-navigation-mobile-trigger {
      top: 21px;
      left: 90px;
    }

    body.is--pushed-left .section-navigation-mobile-trigger {
      -webkit-transform: translate3d(-260px,0,0);
      -moz-transform: translate3d(-260px,0,0);
      -ms-transform: translate3d(-260px,0,0);
      -o-transform: translate3d(-260px,0,0);
      transform: translate3d(-260px,0,0);
    }

    .home .text-wrapper .headline:not(.caps) {
    }

    .home article .subheadline,
    .home .create .subheadline,
    .home .build .subheadline,
    .home .cover-pages .subheadline {
    }

    .home .build .article-device-wrapper {
      left: 45%;
      margin-top: -50%;
    }

    .home .cover-pages .article-text-wrapper {
      width: 65%;
    }

    .home .cover-pages .article-device-wrapper-ipad {
      top: 40%;
    }

    .home .cover-pages .article-device-wrapper-cinema {
      top: 65%;
    }

    .home .custom-domains {
      margin-top: 0;
    }

    .home .custom-domains .superheadline {
      width: 90%;
    }

    /* .drive-sales */
    .home .grid-wrapper .grid-item {
      width: 100%;
      margin-left: 0%;
      margin-right: 0%;
    }

    .home .grid-wrapper .grid-item:before,
    .home .grid-wrapper .grid-item:after {
      content: none !important;
    }

    .home .overview-commerce .text-wrapper .headline,
    .home .overview-coverpages .text-wrapper .headline {
    }

    section[data-name='dreamingwithjeff'] .foreground-wrapper {
      left: 55%;
      right: -55%;
    }

    .home section[data-name='dreamingwithjeff'] .text-wrapper .lede {
      display: none;
    }

    .home section[data-name='dreamingwithjeff'] .text-wrapper .lede.lede-mobile {
      display: block;
      font-size: 13px;
    }

    .home section[data-name='dreamingwithjeff'] .video-play-wrapper {
      right: auto;
      left: 5%;
    }

    .home section[data-name='dreamingwithjeff'] .video-play-text {
      float: right;
      line-height: 30px;
      margin-left: 20px;
    }

    .home section[data-name='overview'] #build-it-beautiful-script {
      width: 100%;
      left: -6%;
    }

    .home section[data-name="overview"] .text-wrapper {
      padding-top: 18%;
    }

    .home .create .create-main > .lede {
      width: 100%;
    }
  }

  @media all and (max-width: 455px) {
    .section-navigation-mobile-trigger {
      left: 60px;
    }

    .home article {
      padding-left: 12%;
      padding-right: 12%;
    }

    .home article.drive-sales {
      padding-top: 20px;
    }

    .home article.drive-sales .grid-wrapper {
      margin-top: 40px;
    }

    .mobile .home .text-wrapper {
      padding-top: 30%;
      padding-left: 12%;
      padding-right: 12%;
      width: 100%;
    }

    .home .text-wrapper .headline:not(.caps) {
      margin-bottom: 0.35em;
    }

    .home .text-wrapper .lede,
    .home .lede,
    .home .feature .feature-content,
    .home .grid-item-content {
      max-width: 100%;
      width: 100%;
      font-family: 'Gotham SSm A','Gotham SSm B',sans-serif;
      margin-bottom: 0.5em;
    }

    .home .overview-coverpages .lede {
      margin-bottom: 0;
    }

    .home .text-wrapper .headline {
      max-width: 100%;
      width: 100%;
    }

    .home .text-wrapper .lede,
    .home .overview-coverpages .lede.lede-mobile {
      width: 75%;
    }

    .home section[data-name="overview"] .text-wrapper .lede,
    .home section[data-name="overview"] .text-wrapper .lede.lede-mobile {
      width: 100%;
    }

    .home section[data-name="overview"] .text-wrapper .button-square {
      margin-top: 1em;
    }

    .hero-content-wrapper .responsive-break {
      display: block;
    }

    .home .text-wrapper .button-square {
      margin-top: 2.25em;
    }

    .home .text-wrapper .learnmore {
      font-size: 9px;
      letter-spacing: 0.1em;
    }

    .home article .subheadline,
    .home .create .subheadline,
    .home .build .subheadline,
    .home .cover-pages .subheadline {
      font-weight: 300;
    }

    /* .create */
    .home .overview .create,
    .home .overview-commerce .create,
    .home .overview-coverpages .create {
      padding-bottom: 20px;
    }

    .home .overview-coverpages .create {
      background-color: #f0f0f0;
      padding-top: 50px;
    }

    .home .create .article-device-wrapper {
      width: 116%;
      height: auto;
      left: 0;
      position: relative;
      margin-left: -8%
    }

    .home .create .create-main {
      position: relative;
      left: 0;
      width: 100%;
      padding-bottom: 0;
    }

    .home .create .create-main .subheadline {
      max-width: 100%;
      width: 100%;
    }

    .home .create .create-main {
      /*margin-bottom: 10px;*/
    }

    .home .create .create-main * {
      margin-left: 0;
      width: 100%;
    }

    .home .create .create-main,
    .home .create .create-bullet,
    .home .overview .create .create-bullet,
    .home .overview .create .create-bullet.create-business,
    .home .overview-commerce .create .create-bullet,
    .home .overview-commerce .create .create-bullet.create-design,
    .home .overview-coverpages .create .create-bullet,
    .home .overview-coverpages .create .create-bullet.create-photos {
      margin-top: 0px;
      margin-bottom: 0px;
      width: 100%;
      left: 3%;
      padding-top: 15px;
      padding-bottom: 0;
    }

    .home .create .create-bullet * {
      max-width: 100%;
    }

    .home .create h3.subheadline {
      font-family: 'Gotham SSm A','Gotham SSm B',sans-serif;
      margin-bottom: 6px;
    }

    .home .build .background {
      height: 90%;
    }

    /* .build */
    .home .build {
      margin-top: 0;
      padding-left: 12%;
    }

    .home .build .lede {
      width: 90%;
      padding-left: 0;
    }

    .home .build .article-device-wrapper {
      width: 150%;
      margin-left: -8%;
      margin-top: 15%;
      margin-bottom: 1%;
      left: 0;
    }

    .home .build .macbook {
      left: -7.5%;
    }

    /* .cover-pages */
    .home .cover-pages .article-text-wrapper {
      padding-top: 5%;
      width: 100%;
    }

    .home .cover-pages .lede {
      width: 100%;
    }

    .home .cover-pages .article-device-wrapper-iphone {
      top: 0%;
      width: 40%;
      left: 65%
    }

    .home .cover-pages .article-device-wrapper-ipad {
      width: 90%;
      left: 23%;
      top: 40%;
    }

    .home .cover-pages .article-device-wrapper-cinema {
      width: 140%;
      top: 64%;
      left: -60%;
    }

    /* .features */
    .home .features {
      padding-left: 12%;
      padding-right: 12%;
    }

    .home .features .feature {
      width: 100%;
      padding: 0;
      margin-top: 0px;
      margin-bottom: 30px;
    }

    .home .customer-support .subheadline {
      font-size: 48px !important;
    }

    .home .feature .feature-name,
    .grid-item .grid-item-name {
      line-height: 1.5em;
    }

    /* .pricing */
    .pricing .price-plan {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 50px;
    }

    .pricing .price-plan .price {
      display: table-cell;
      width: 30%;
      text-align: right;
      padding-right: 15px;
    }

    .pricing .price-plan .info {
      display: table-cell;
      width: auto;
    }

    .price .amt.annual {
      font-size: 70px;
      line-height: 70px;
    }

    .price-plan .plan-name {
      font-size: 34px;
    }

    .price-plan ul {
      margin-top: 20px;
    }

    .price-plan .ul li {
      margin-bottom: 8px;
    }

    .pricing .price-breakdown.price-breakdown-mobile {
      width: 100%;
      margin-top: 10px;
    }

    .home .overview-commerce .text-wrapper .headline,
    .home .overview-coverpages .text-wrapper .headline {
      /*font-size: 36px !important;*/
      /*font-weight: 300;*/
    }

    .home .overview-commerce .text-wrapper .lede,
    .home .overview-coverpages .text-wrapper .lede {
      display: none;
    }

    .home .overview-commerce .text-wrapper .lede.lede-mobile,
    .home .overview-coverpages .text-wrapper .lede.lede-mobile {
      display: block;
    }

    .home section[data-name='dreamingwithjeff'] .text-wrapper .headline {
      font-size: 34px;
      letter-spacing: 0em;
      font-weight: 300;
    }

    .home section[data-name='dreamingwithjeff'] .text-wrapper .lede.lede-mobile {
      display: block;
      font-size: 12px;
    }

    section[data-name='dreamingwithjeff'] .text-wrapper .learnmore {
      margin-top: 3px;
    }

    .home .overview-coverpages .text-wrapper .lede {
      width: 70%;
    }

    .home .overview-coverpages .hero-content-wrapper .device-wrapper-iphone {
      width: 48%;
      left: 64%;
      top: auto;
      bottom: 0;
    }

    .home .overview-coverpages .hero-content-wrapper .device-wrapper-ipad {
      width: 116%;
      left: -43%;
      top: auto;
      bottom: 0;
    }

    .home .overview-coverpages .hero-content-wrapper .device-wrapper-macbook {
      display: none;
    }

    .home .overview-coverpages .create .create-mobile br {
      display: none;
    }

    .home article.anything {
      padding-top: 60px;
      margin-top: 0px;
    }

    .home section[data-name='overview-coverpages'] .anything .lede {
      width: 90%;
    }

    .home article.examples {
      padding-top: 50px;
    }
  }

  @media all and (max-width: 385px) {
    .home .cover-pages .article-device-wrapper-iphone {
      left: 80%
    }

    .home .cover-pages .subheadline {
      padding-top: 15%;
    }

    .home .button-learn {
      letter-spacing: 0.05em;
    }

    .home .text-wrapper .lede {
      display: none;
    }

    .home .text-wrapper .lede.lede-mobile {
      display: block;
    }

    .home .cover-pages .article-device-wrapper-ipad {
      top: 42 %;
    }

    .home .custom-domains .subheadline {
      width: 94%;
    }

    section[data-name='dreamingwithjeff'] .foreground-wrapper {
      left: 58%;
      right: -58%;
    }

    .home .create .create-main,
    .home .create .create-bullet,
    .home .overview .create .create-bullet,
    .home .overview .create .create-bullet.create-business,
    .home .overview-commerce .create .create-bullet,
    .home .overview-commerce .create .create-bullet.create-design,
    .home .overview-coverpages .create .create-bullet,
    .home .overview-coverpages .create .create-bullet.create-photos {
      margin-top: 0px;
      margin-bottom: 0px;
      width: 94%;
      left: 3%;
      padding-top: 15px;
      padding-bottom: 0;
    }

    .home .overview-coverpages .hero-content-wrapper .device-wrapper-iphone {
      width: 43%;
      left: 66%;
      top: auto;
      bottom: 0;
    }

    .home .overview-coverpages .hero-content-wrapper .device-wrapper-ipad {
      width: 104%;
      left: -31%;
      top: auto;
      bottom: 0;
    }

    .price .super {
      top: -1em;
      font-size: 20px;
    }

    .price .amt.annual {
      font-size: 55px;
    }
  }

  @media all and (max-width: 320px) {
    /*body[data-page-type^='home'] .section-navigation-wrapper.pulled-up {
      -webkit-transform: translateY(-75%);
      -moz-transform: translateY(-75%);
      -ms-transform: translateY(-75%);
      -o-transform: translateY(-75%);
      transform: translateY(-75%);
      opacity: 0.6;
      position: fixed;.mobile .mobile-nav-close
    }

    .mobile .section-navigation-wrapper.pulled-up .mobile-nav-close {
      display: none;
    }*/

    .home article,
    .touch .home .text-wrapper {
      padding-left: 10%;
      padding-right: 10%;
    }

    .home .text-wrapper .headline:not(.caps) {
    }

    .home .text-wrapper .lede,
    .home .lede,
    .home .feature .feature-content,
    .home .grid-item-content {
      max-width: 100%;
      width: 100%;
      font-family: 'Gotham SSm A','Gotham SSm B',sans-serif;
    }

    .home .text-wrapper .headline {
      max-width: 100%;
      width: 100%;
    }

    .home .text-wrapper .lede {
      width: 100%;
    }

    .home .text-wrapper .lede:not(.lede-mobile) {
      display: none;
    }

    .home .text-wrapper .lede.lede-mobile {
      display: block;
    }

    .home .text-wrapper .button-square {
      margin-top: 2em;
    }

    .home section[data-name="overview"] .text-wrapper .button-square {
      margin-top: 1em;
    }

    .touch .home .overview .three-devices {
      bottom: 10px;
    }

    .home .create .create-main .subheadline {
      width: 90%;
    }

    /* .build */
    .home .build .article-content {
      padding-top: 0 !important;
      margin-top: -10px;
    }

    .home .build .background {
      width: 100%;
    }

    .home .cover-pages .subheadline {
      padding-top: 0;
    }

    .home .create .macbook.fixed {
      width: 110%;
      padding-bottom: 65.4918%;
      margin-left: -5%;
    }

    /* .cover-pages */
    .home .cover-pages .article-text-wrapper {
      padding-top: 0;
      top: -20%;
      width: 90%;
      position: static;
    }

    .home .cover-pages .article-device-wrapper-iphone {
      left: 80%
    }

    .home .cover-pages .article-device-wrapper-ipad {
    }

    .home .cover-pages .article-device-wrapper-cinema {
      left: -50%;
    }

    .home article.drive-sales {
      padding-top: 40px;
    }

    .home .overview-coverpages .hero-content-wrapper .device-wrapper-iphone {
      width: 38%;
      left: 70%;
      top: auto;
      bottom: 0;
    }

    .home .overview-coverpages .hero-content-wrapper .device-wrapper-ipad {
      width: 92%;
      left: -14%;
      top: auto;
      bottom: 0;
    }

    .mobile .home .overview-commerce .hero-content-wrapper .device-wrapper {
      height: 33%;
    }
    .home section[data-name='overview'] .text-wrapper {
      padding-top: 20% !important;
    }
    .home section[data-name='overview'] .text-wrapper .campaign-cta {
      left: 8%;
    }
    .home section[data-name='overview'] .device-wrapper {
      top: 56%;
    }
  }

  @media all and (max-height: 900px) {
    body[data-page-type^='home'] .section-navigation-wrapper {
      top: 22px;
    }
  }

  @media all and (max-height: 600px) and (min-width: 1024px) {
    /* .create */
    .home .create {
      padding-bottom: 10%;
    }

    .home .create .article-device-wrapper {
      width: 75%;
      height: auto;
      left: -20%;
    }

    .home .create .article-text-wrapper {
      width: 100%;
      left: 0%;
      padding-bottom: 0;
    }

    .home .create .create-main {
      position: relative;
      left: 55%;
      width: 45%;
      margin-top: 6.5%;
      padding-bottom: 50px;
      float: none;
    }

    .home .create .lede {
      max-width: 90%;
    }

    .home .create .create-bullet,
    .home .overview .create .create-bullet,
    .home .overview .create .create-bullet.create-business,
    .home .overview-commerce .create .create-bullet,
    .home .overview-commerce .create .create-bullet.create-design,
    .home .overview-coverpages .create .create-bullet,
    .home .overview-coverpages .create .create-bullet.create-photos {
      background-image: none;
      margin-top: 50px;
      margin-bottom: -80px;
      float: left;
      width: 50%;
    }

    .home .create .create-bullet * {
      margin-left: 0;
      max-width: 90%;
    }

    .home .create .create-bullet:nth-child(2n) {
      clear: both;
    }

    .home .create h3.subheadline {
      /*font-size: 25px !important*/;
      margin-bottom: 10px;
    }

    /* .cover-pages */
    .home .cover-pages .article-device-wrapper-iphone {
      top: 5%;
    }

    .home .cover-pages .article-device-wrapper-ipad {
      width: 70%;
      left: 15%;
      top: 33%;
      display: block;
    }

    .home .cover-pages .article-device-wrapper-cinema {
      width: 100%;
      top: 60%;
      left: 0%;
    }

    /* cutsom-domains */
    .home .custom-domains .subheadline-wrapper-top .subheadline {
      margin-top: 10%;
    }
  }

  @media all and (min-width: 600px) and (max-height: 600px) {
    section[data-name='dreamingwithjeff'] .foreground-wrapper {
      left: 0;
      right: 0;
    }
  }
  @media all and (max-width: 600px) and (max-height: 600px) {
    .home section[data-name='overview'] .text-wrapper {
      padding-top: 18px;
    }
  }
  @media all and (max-height: 600px) {
    .home section[data-name='dreamingwithjeff'] .video-play-text {
      display: none;
    }

    .home section[data-name='dreamingwithjeff'] .video-play-wrapper {
      bottom: 20px;
    }
  }

  @media all and (max-height: 455px) {
    /*.touch .home .text-wrapper {
      padding-top: 10%;
      width: 60%;
    }*/

    .home .overview .three-devices {
      bottom: auto;
      top: 0px;
      left: 60%;
    }

    .home .overview-commerce .cinema-skewed {
      left: 38%;
    }

    .home .text-wrapper .headline {
      /*font-size: 44px !important;*/
      margin-bottom: 15px;
    }

    .home .text-wrapper .lede {
      display: none;
    }

    .home .text-wrapper .lede.lede-mobile {
      display: block;
      width: 65%;
    }

    .mobileerview .hero-content-wrapper .device-wrapper {
      width: 67%;
      left: 45%;
    }
    .home .overview-coverpages .hero-content-wrapper .device-wrapper-iphone {
      width: 50%;
      left: 50%;
      top: 0;
      bottom: auto;
    }

    .home .overview-coverpages .hero-content-wrapper .device-wrapper-ipad,
    .home .overview-coverpages .hero-content-wrapper .device-wrapper-macbook {
      display: none;
    }

    .home article .subheadline,
    .home .create .subheadline,
    .home .build .subheadline,
    .home .cover-pages .subheadline {
      font-size: 40px;
    }

    .home .overview-coverpages .create-main > .lede {
      width: 75%;
    }

    .home .cover-pages .article-device-wrapper-iphone {
      top: 0%;
      width: 30%;
      left: 63%;
    }

    .home .cover-pages .article-device-wrapper-ipad {
      width: 65%;
      left: 50%;
      top: 50%;
    }

    .home .cover-pages .article-device-wrapper-cinema {
      display: none;
    }

    .home .custom-domains .subheadline-wrapper-top .subheadline,
    .home .custom-domains .subheadline-wrapper-bottom .subheadline {
      /*font-size: 34px !important;*/
      margin-top: 15%;
    }

    .home .examples .template-preview {
      width: 40%;
      margin: 0% 5% 5%;
    }
  }

  @media all and (max-width: 820px) and (max-height: 400px) {
    .home .overview-coverpages .hero-content-wrapper .device-wrapper-iphone {
      width: 50%;
      left: 55%;
      top: 10%;
      bottom: auto;
    }
  }

  @media all and (max-height: 425px) {
    .home section[data-name='dreamingwithjeff'] .text-wrapper .lede.lede-mobile {
      display: none;
    }

    .home section[data-name='dreamingwithjeff'] .text-wrapper .headline {
      margin-bottom: 0;
    }

    section[data-name='dreamingwithjeff'] .foreground-wrapper {
      left: 0%;
      right: 0%;
    }

    .home .text-wrapper .button-square + .learnmore,
    .home .text-wrapper .button-square + .button-square,
    .home .text-wrapper .button-wrapper .button-square {
      margin-top: 15px;
    }

    .home section[data-name="overview"] .button-wrapper .text-wrapper {
      margin-top: 1em;
    }
  }

  @media all and (max-height: 320px) {
    .home .text-wrapper .lede.lede-mobile {
      max-width: 90%;
    }

    .mobileerview .hero-content-wrapper .device-wrapper {
      left: 50%;
    }

    .home .custom-domains .subheadline-wrapper-top .subheadline,
    .home .custom-domains .subheadline-wrapper-bottom .subheadline {
      /*font-size: 28px !important;*/
      margin-top: 15%;
    }

    .price-plan .plan-name {
      font-size: 24px;
    }
  }

  @media all and (max-aspect-ratio: 1/1) and (max-width: 1024px) {

    .home section[data-name="overview"] .text-wrapper {
      display: block;
      max-width: 100%;
      height: 50%;
      padding-top: 20%;
      box-sizing: border-box;
    }

    .home section[data-name='overview'] .campaign-cta {
      position: static;
      margin-top: 15px;
    }

    .home section[data-name='overview'] .hero-content-wrapper .device-wrapper {
      position: absolute;
      width: 100%;
      height: 45%;
      left: 0;
      text-align: center;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
    }

    .home section[data-name='overview'] .hero-content-wrapper .device-wrapper img {
      max-height: 200%;
    }

    .home .text-wrapper {
      vertical-align: top;
      padding-top: 25%;
    }

    .home .hero-content-wrapper .device-wrapper,
    .home .overview-coverpages .hero-content-wrapper .device-wrapper {
      width: 80%;
      height: 100%;
      display: block;
      left: auto;
      top: auto;
      right: 0;
      bottom: -2%;
      position: absolute;
    }

    .home .overview .three-devices {
      position: absolute;
      bottom: 0;
    }

    .home .create .cinema.fixed {
      width: 95%;
      padding-bottom: 67.3%;
      margin-left: 2.5%;
    }

    .home .build .article-content {
      padding: 50px 0;
    }

    /* .pricing */
    .pricing .price-plan {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 50px;
    }

    .price-plan .feature-highlight {
      max-width: 70%;
    }

    .pricing .price-plan .price {
      display: table-cell;
      width: 30%;
      text-align: right;
      padding-right: 15px;
    }

    .pricing .price-plan .info {
      display: table-cell;
      width: auto;
    }

    .price .amt.annual {
      font-size: 70px;
      line-height: 70px;
    }

    .price-plan .plan-name {
      font-size: 34px;
    }

    .price-plan ul {
      margin-top: 20px;
    }

    .price-plan .ul li {
      margin-bottom: 8px;
    }

    .pricing .price-breakdown.price-breakdown-mobile {
      width: 100%;
      margin-top: 10px;
    }

    .home .overview-commerce .hero-content-wrapper .device-wrapper {
      width: 80%;
      height: 50%;
    }
  }

  /* landscape ipad */
  @media all and (min-width: 1024px) and (max-height: 768px) {
    body[data-page-type^='home'] section.active[data-name="overview"] .text-wrapper {
      padding-left: 5%;
      width: 40%;
      text-align: left;
    }
    section.active[data-name="overview"] #build-it-beautiful-script {
      width: 100%;
      left: -18%;
    }
    .home section[data-name="overview"] .text-wrapper .campaign-cta {
      left: 51px;
    }
  }

  /* iphone 4 */
  @media all and (min-width: 320px) and (max-height: 480px) {
    .button-square-filled {
      line-height: 28px;
    }
    .home section[data-name='overview'] .text-wrapper {
      padding-top: 15% !important;
    }
    .home section[data-name='overview'] .device-wrapper {
      top: 54%;
    }
  }
  @media all and (min-width: 320px) and (max-height: 480px) and (orientation: landscape) {
    .home section[data-name='overview'] .text-wrapper {
      padding-top: 5% !important;
    }
  }
  /*================

  COPIED ARROW CSS

  ================*/
  .home .slider-arrow {
    opacity: 0;
    height: 64px;
    width: 20px;
    top: 50vh;
    margin-top: -52px;
    padding: 20px;
    z-index: 101;

    -webkit-transition-property: opacity, transform;
    -webkit-transition-duration: .2s, 0.33s;
    -webkit-transition-timing-function: cubic-bezier(.33,0,.2,1);
    -moz-transition-property: opacity, transform;
    -moz-transition-duration: .2s, 0.33s;
    -moz-transition-timing-function: cubic-bezier(.33,0,.2,1);
    -ms-transition-property: opacity, transform;
    -ms-transition-duration: .2s, 0.33s;
    -ms-transition-timing-function: cubic-bezier(.33,0,.2,1);
    -o-transition-property: opacity, transform;
    -o-transition-duration: .2s, 0.33s;
    -o-transition-timing-function: cubic-bezier(.33,0,.2,1);
    transition-property: opacity, transform;
    transition-duration: .2s, 0.33s;
    transition-timing-function: cubic-bezier(.33,0,.2,1);
  }

  .home .slider-arrow.is-disabled {
    opacity: 0 !important;
    cursor: default;
  }

  .home .slider-arrow.faded {
    opacity: 0.4;
  }

  .home .slider-arrow.opaque {
    opacity: 0.7;
  }

  .home .slider-arrow.full {
    opacity: 1;
  }

  .touch .home .slider-arrow {
    opacity: 0;
    pointer-events: none;
  }

  .home .slider-arrow--left {
    left: 0px;
  }

  .home .slider-arrow--right {
    right: 0px;
  }

  .home .slider-arrow .icon {
    width: 20px !important;
    height: 64px !important;
    background-image: url(http://static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/icon-sprite-full-screen-arrows-1x.png) !important;
    background-size: 140px 140px !important;
    top: 0px !important;
  }

  .home .slider-arrow--left .icon {
    padding: 0;
    background-position: -80px -10px !important;
  }

  .home .slider-arrow--right .icon {
    padding: 0;
    background-position: -110px -10px !important;
  }

  .home .slider-arrow--left.dark .icon {
    padding: 0 !important;
    background-position: -10px -10px !important;
  }

  .home .slider-arrow--right.dark .icon {
    padding: 0 !important;
    background-position: -40px -10px !important;
  }

  @media (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 192dpi) {
    .home .slider-arrow--right.dark .icon,
    .home .slider-arrow--left.dark .icon,
    .home .slider-arrow--right .icon,
    .home .slider-arrow--left .icon {
      background-image: url(http://static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/icon-sprite-full-screen-arrows-2x.png) !important;
    }
  }


  @media all and (max-width: 767px),
  (max-height: 480px) {
    .home .slider-arrow {
      display: none !important;
    }
  }

  @media all and (max-height: 900px),
  (max-width: 1500px) {
    .home .slider-arrow {
      opacity: 0;
      height: 32px;
      width: 10px;
      margin-top: -36px;
      padding: 20px;
    }

    .home .slider-arrow--left .icon {
      padding: 0;
      background-position: -80px -84px !important;
    }

    .home .slider-arrow--right .icon {
      padding: 0;
      background-position: -100px -84px !important;
    }

    .home .slider-arrow--left.dark .icon {
      padding: 0;
      background-position: -10px -84px !important;
    }

    .home .slider-arrow--right.dark .icon {
      padding: 0;
      background-position: -30px -84px !important;
    }
  }

  @-webkit-keyframes pulseScale {
    0% {
      -webkit-transform: scale(1, 1);
    }
    100% {
      -webkit-transform: scale(1.03, 1.03);
    }
  }

  @-webkit-keyframes pulseScaleOpacity {
    0% {
      opacity: 0.4;
      -webkit-transform: scale(1, 1);
    }
    100% {
      opacity: 1;
      -webkit-transform: scale(1.03, 1.03);
    }
  }

  .do-pulse-scale {
    -webkit-backface-visibility: hidden;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-name: pulseScale;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    -webkit-transform-origin-x: 20%;
  }

  .do-pulse-scale-opacity {
    -webkit-backface-visibility: hidden;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-name: pulseScaleOpacity;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 0s;
    -webkit-transform-origin-x: 20%;
  }


  /** build-it-beautiful campaign **/
  .build-it-beautiful {
    padding-top: 150px;
    background: #fafafa;
    position: relative;
    z-index: 998;
    padding-bottom: 83px;
  }

  .build-it-beautiful .sqs-layout > .sqs-row {
    margin: 0;
  }

  section[data-name="overview"]  .build-it-beautiful #build-it-beautiful-script {
    left: -12%;
  }

  .build-it-beautiful .sqs-block-html .sqs-block-content p {
    /*line-height: 2.1em;
    font-size: 12px;*/
    line-height: 1.9em;
    font-size: 14px;
    color: #909090;
    margin-top: 2em;
    margin-bottom: 4em;
    width: 100%;
  }
  .build-it-beautiful .sqs-block-html .sqs-block-content p strong{
    font-weight: 500;
  }
  .build-it-beautiful .sqs-block-html .sqs-block-content p span{
    line-height: 3.3em;
  }

  .build-it-beautiful .sqs-row:not(:first-child) {
    padding: 0 7em;
  }

  /* grid padding */
  .build-it-beautiful [class*=sqs-col] .sqs-block,
  .build-it-beautiful .sqs-layout:not(.sqs-editing) .sqs-row+.sqs-row:not(:last-child) .sqs-block:last-child,
  .build-it-beautiful .sqs-layout:not(.sqs-editing) .sqs-row+.sqs-row .sqs-block:not(.float):first-child {
    padding: 12px 11px 25px;
  }

  .build-it-beautiful .video-caption p {
    font-size: 10px;
    text-transform: uppercase;
    background: #fff;
    margin: 0;
    padding: 1em 2em;
    font-weight: 500;
    letter-spacing: 0.1em;
    color: #505050;
  }
  .build-it-beautiful .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon {
    /* todo switch back to /assets/build-it-beautiful/ui/play-white.svg */
    background-image: url(//static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/030620151/assets/seven/ui/play-white.svg) !important;
    border-radius: 50px;
    opacity: 0.5;
    -webkit-transition: opacity 700ms cubic-bezier(0,.25,.08,1);
    -moz-transition: opacity 700ms cubic-bezier(0,.25,.08,1);
    -ms-transition: opacity 700ms cubic-bezier(0,.25,.08,1);
    -o-transition: opacity 700ms cubic-bezier(0,.25,.08,1);
    transition: opacity 700ms cubic-bezier(0,.25,.08,1);
  }
  .build-it-beautiful .sqs-video-wrapper:hover .sqs-video-overlay .sqs-video-icon {
    opacity: 0.9;
  }
  .build-it-beautiful .sqs-video-overlay img {
    width: 100%;
    cursor: pointer;
  }
  .build-it-beautiful .sqs-video-opaque {
    cursor: pointer;
  }
  @media all and (min-width: 2000px){
    .build-it-beautiful h1 {
      max-width: 95%;
    }
    .build-it-beautiful #build-it-beautiful-script {
      left: -8%;
    }
  }
  @media all and (max-width: 1440px){
    .build-it-beautiful .sqs-col-4 {
      width: 50%;
    }
    .build-it-beautiful .sqs-col-4:first-child,
    .build-it-beautiful .sqs-col-4:last-child  {
      width: 25%;
    }
  }
  @media all and (max-width: 1024px){
    .sqs-block-html {
      width: 66.66666%;
      margin: auto;
    }
    .build-it-beautiful {
      padding-top: 80px;
    }
    .build-it-beautiful .sqs-col-4 {
      width: 75%;
    }
    .build-it-beautiful .sqs-col-4:first-child,
    .build-it-beautiful .sqs-col-4:last-child  {
      width: 12.5%;
    }

    .build-it-beautiful #build-it-beautiful-script {
      left: -4%;
      width: 95%;
    }

  }
  @media all and (max-width: 768px){
    .build-it-beautiful .sqs-block-html {
      width: 75%;
      margin: auto;
    }
    .build-it-beautiful .sqs-block-html .sqs-block-content p{
      line-height: 2em;
    }
    .build-it-beautiful .sqs-col-4 {
      width: 100%;
    }
    .build-it-beautiful .sqs-row:not(:first-child) {
      padding: inherit;
    }
    .build-it-beautiful .sqs-block-html .sqs-block-content p {
      margin-bottom: 2.5em;
    }
  }
  @media all and (max-width: 512px){
    .build-it-beautiful {
      padding-top: 48px;
    }
  }
  @media all and (max-width: 320px) and (max-height: 480px){
    .build-it-beautiful {
      padding-top: 37px;
    }
    .build-it-beautiful .sqs-block-html .sqs-block-content p{
      line-height: 1.8em;
    }
    .build-it-beautiful [class*=sqs-col] .sqs-block,
    .build-it-beautiful .sqs-layout:not(.sqs-editing) .sqs-row+.sqs-row:not(:last-child) .sqs-block:last-child,
    .build-it-beautiful .sqs-layout:not(.sqs-editing) .sqs-row+.sqs-row .sqs-block:not(.float):first-child {
      padding: 12px 11px 12px;
    }
    .build-it-beautiful .sqs-block-html .sqs-block-content p {
      margin-bottom: 1em;
    }
  }