.jg-header .tz-brand-header__text-wrapper {
  padding-top: 32px;
  padding-bottom: 64px;
}
.jg-header .tz-brand-header__img {
  background-image: url(https://file.trainerize.com/assets/tz/jonathangoodman/images/header-img.jpeg);
  background-position: center;
}
#jg-page p.jg-header__tag {
  margin-bottom: 16px;
}
#jg-page h1 {
  margin-bottom: 16px;
}
.jg-header .tz-input-with-btn {
  margin-top: 56px;
  margin-bottom: 14px;
}

.jg-quote {
  padding: 50px 0 225px;
}
.jg-quote__wrapper {
  padding: 60px 28px 35px;
  margin: 0 10px;
  box-shadow: -9px 1px 33px rgba(0, 0, 0, 0.1);
  border-radius: 21px;
  background-image: url( 'https://file.trainerize.com/assets/tz/jonathangoodman/images/quote.svg' );
  background-repeat: no-repeat;
  background-size: 102px;
  background-position: 25px 30px;
}
#jg-page .jg-quote__wrapper h2 {
  margin-bottom: 25px;
}
#jg-page .jg-quote__wrapper--text {
  margin-bottom: 25px;
}
#jg-page .jg-quote__wrapper--name {
  margin-bottom: 0;
}
#jg-page .jg-quote__wrapper--name:before {
  content:" ";
  display: block;
  height: 1px;
  width: 43px;
  background: var(--color-primary);
  margin-bottom: 17px;
}

.jg-guide {
  background: var(--color-tertiary);
}
.jg-guide__wrapper {
  position: relative;
  top: -180px;
  margin-bottom: -60px;
}
.jg-guide__img {
  max-width: 375px;
  margin: 0 auto 30px auto;
}
.jg-guide__img img {
  width: 100%;
}
#jg-page .jg-guide__text h2 {
  margin-bottom: 20px;
}
#jg-page .jg-guide__text p {
  margin-bottom: 30px;
}

#jg-cta {
  padding: 40px 0 65px;
  background-image: linear-gradient(to top, var(--color-white) 325px, #f7f7f7);
  background-position-y: 325px;
  background-repeat: no-repeat;
}
#jg-cta h2 {
  padding-bottom: 30px;
}
#jg-cta .key-features-item {
  margin-top: 50px;
  width: 231px;
  height: 261px;
  border-radius: 6px;
  box-shadow: 0 0 14px 0 rgba(var(--color-full-black-rgb), 0.1);
  display: inline-block;
  padding: 25px 0;
  position: relative;
}
#jg-cta .key-features-item p {
  font-size: 20px;
  margin-top: 20px;
  line-height: 1.3;
  margin-bottom: 0;
}
#jg-cta .key-features-item h4 {
  font-size: 72px;
  margin-top: 15px;
  margin-bottom: 0;
}

#jg-key-features {
  padding: 70px 0;
  text-align: center;
}
#jg-key-features .key-features-item {
  margin-top: 50px;
  padding: 95px 50px 0;
}
#jg-key-features .key-features-item img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.jg-engagement {
  padding: 50px 0 85px ;
}
.jg-engagement__img {
  margin-left: -15px;
}
.jg-engagement__img img {
    width: 100%;
    max-width: 368px;
}
.jg-engagement__content {
  margin-left: -15px;
}
.jg-engagements__content h2 {
  max-width: 300px;
}
#jg-page .jg-engagements__content p {
  font-size: 16px;
  padding: 20px 0 35px;
  max-width: 245px;
}

@media only screen and (min-width:768px) {
  .jg-quote {
    padding-bottom: 50px;
  }
  .jg-quote__wrapper div {
    max-width: 445px;
  }
  .jg-quote__wrapper img {
    position: relative;
    float: right;
    width: 200px;
  }

  .jg-guide__wrapper {
    position: static;
    margin-bottom: 0;
    display: flex;
    flex-direction: row-reverse;
  }
  .jg-guide {
    padding: 50px 0 80px 0;
    background: linear-gradient(90deg, var(--color-tertiary) 0%, var(--color-tertiary) calc((100vw - 750px) / 2 + 552px), var(--color-light-gray) calc((100vw - 750px) / 2 + 552px), var(--color-light-gray) 100%);
  }
  .jg-guide__img {
    margin: 0;
    max-width: none;
    flex: 0 0 340px;
    display: flex;
    align-items: center;
  }
  .jg-guide__text {
    flex: 1;
    display: flex;
    align-items: center;
  }
  #jg-page .jg-guide__text h4 {
    margin-bottom: 30px;
    letter-spacing: 2px;
  }

  #jg-cta {
    padding-bottom: 0;
    background-position-y: 296px;
    background-image: linear-gradient(to top, var(--color-white) 296px, #f7f7f7);
  }
  #jg-cta .container {
    position: relative;
  }

  #jg-key-features {
    padding: 80px 0;
  }
  #jg-key-features .key-features-item {
    padding: 95px 0 0;
  }

  .jg-engagement {
    padding: 90px 0;
  }
  .jg-engagement__img {
      margin-left: 0;
  }
  .jg-engagement__img img {
    width: auto;
    max-width: none;
  }
  .jg-engagements__content {
    padding-left: 40px;
  }
  #jg-page .jg-engagements__content p {
    padding: 15px 0;
  }
}

@media only screen and (min-width:992px) {
  .jg-quote {
    padding: 110px 0;
  }
  .jg-quote__wrapper {
    padding: 100px 0px 70px 65px;
    background-size: 156px;
    background-position: 34px 45px;
  }
  .jg-quote__wrapper div {
    max-width: 600px;
  }
  #jg-page .jg-quote__wrapper--name:before {
    width: 156px;
  }
  .jg-quote__wrapper img {
    right: 50px;
  }

  .jg-guide {
    background: linear-gradient(90deg, var(--color-tertiary) 0%, var(--color-tertiary) calc((100vw - 970px) / 2 + 720px), var(--color-light-gray) calc((100vw - 970px) / 2 + 720px), var(--color-light-gray) 100%);
  }
  .jg-guide__wrapper {
    justify-content: space-between;
  }
  .jg-guide__img {
    flex-basis: 440px;
  }
  .jg-guide__text {
    flex: 0 0 490px;
  }
  .jg-guide ul.tz-checkmark-bullets li {
    background-size: 17px;
  }

  #jg-cta {
    padding: 70px 0 10px 0;
    background-position-y: 335px;
    background-image: linear-gradient(to top, var(--color-white) 335px, #f7f7f7);
  }
  #jg-cta .container > div:nth-child(4) {
    display: flex;
    justify-content: center;
  }
  #jg-cta .container > div:nth-child(4) > div:first-child {
    text-align: right;
  }
  #jg-cta .container > div:nth-child(4) > div:nth-child(3) {
    text-align: left;
  }
  #jg-cta .key-features-item {
    width: 269px;
    height: 305px;
    padding: 25px 15px 0;
  }
  #jg-cta .key-features-item h4 {
    font-size: 80px;
  }
  #jg-cta .key-features-item p {
    font-size: 22px;
  }

  #jg-key-features {
    padding-bottom: 100px;
  }
  #jg-key-features .key-features-item {
    padding: 95px 40px 0;
    margin-top: 75px;
  }
  #jg-key-features .key-features-item:nth-child(4) {
    clear: both;
  }
  #jg-key-features .fix-float {
    clear: none;
  }

  .jg-engagements__content {
    padding-left: 0;
  }
  #jg-page .jg-engagements__content h2,
  #jg-page .jg-engagements__content p {
      max-width: 370px;
  }
  #jg-page .jg-engagements__content p {
      font-size: 18px;
  }
}

@media only screen and (min-width:1200px) {
  .jg-header .tz-brand-header__img {
    background-image: url(https://file.trainerize.com/assets/tz/jonathangoodman/images/large/header-img.png);
    background-position: top right;
  }

  .jg-quote__wrapper div {
    max-width: 666px;
  }
  .jg-quote__wrapper img {
    width: 262px;
    right: 80px;
  }

  .jg-guide {
    background: linear-gradient(90deg, var(--color-tertiary) 0%, var(--color-tertiary) calc((100vw - 1200px) / 2 + 935px), var(--color-light-gray) calc((100vw - 1200px) / 2 + 935px), var(--color-light-gray) 100%);
  }
  .jg-guide__text {
    position: relative;
    flex-basis: 550px;
  }
  .jg-guide .tz-button--secondary {
    padding: 23px 33px;
  }
  .jg-guide__arrow {
    position: absolute;
    width: 342px;
    left: 360px;
    bottom: 30px;
  }

  .jg-engagement {
    padding: 130px 0;
  }
  .jg-engagements__content {
    padding: 50px 0 0 60px;
  }
  #jg-page .jg-engagements__content h2,
  #jg-page .jg-engagements__content p {
    max-width: 550px;
  }
  #jg-page .jg-engagements__content p {
    padding: 20px 0 30px;
    font-size: 24px;
  }
}