/*
0 - 600px:      Phone
600 - 900px:    Tablet portrait
900 - 1200px:   Tablet landscape
[1200 - 1800] is where our normal styles apply
1800px + :      Big desktop

$breakpoint argument choices:
- phone
- tab-port
- tab-land
- big-desktop

ORDER: Base + typography > general layout + grid > page layout > components

1em = 16px
*/
:root {
  --color-primary-light: #1da5ff;
  --color-primary-dark: #3375cc;
  --color-secondary-light: #3f6186;
  --color-secondary-dark: #334962;
  --color-secondary-dark-2: #26343b;
  --color-grey-light-1: #faf9f9;
  --color-grey-light-2: #f4f2f2;
  --color-grey-light-3: #f0eeee;
  --color-grey-light-4: #ccc;
  --color-grey-dark-1: #333;
  --color-grey-dark-2: #777;
  --color-grey-dark-3: #999;
  --shadow-dark: 0 2rem 6rem rgba(0, 0, 0, 0.3);
  --shadow-light: 0 2rem 5rem rgba(0, 0, 0, 0.06);
  --line: 1px solid var(--color-grey-light-2);
}

@-webkit-keyframes moveInLeft {
  0% {
    opacity: 0;
    transform: translateX(-10rem);
  }
  80% {
    transform: translateX(1rem);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes moveInLeft {
  0% {
    opacity: 0;
    transform: translateX(-10rem);
  }
  80% {
    transform: translateX(1rem);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}
@-webkit-keyframes moveInRight {
  0% {
    opacity: 0;
    transform: translateX(10rem);
  }
  80% {
    transform: translateX(-1rem);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes moveInRight {
  0% {
    opacity: 0;
    transform: translateX(10rem);
  }
  80% {
    transform: translateX(-1rem);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}
@-webkit-keyframes moveInBottom {
  0% {
    opacity: 0;
    transform: translateY(3rem);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes moveInBottom {
  0% {
    opacity: 0;
    transform: translateY(3rem);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

html,
body {
  height: 100%;
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
}
@media only screen and (max-width: 82em) {
  html {
    font-size: 55%;
  }
}

body {
  text-rendering: optimizeSpeed;
}

ul[role=list],
ol[role=list] {
  list-style: none;
}

html,
html:focus-within {
  scroll-behavior: smooth;
}

/* A elements that don't have a class get default styles */
/* Make images easier to work with */
img,
picture,
svg {
  display: block;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
*::before,
*::after {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
body {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  /*font-size: 16px;*/
  color: var(--color-grey-dark-1);
}

.heading-1--light {
  color: var(--color-grey-light-1);
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1;
}
.heading-1--dark {
  color: var(--color-grey-dark-1);
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1;
}

.heading-2--light {
  color: var(--color-grey-light-1);
  font-size: 4rem;
  font-weight: 600;
  line-height: 1;
}
@media only screen and (max-width: 30em) {
  .heading-2--light {
    font-size: 3.6rem;
  }
}
.heading-2--dark {
  color: var(--color-grey-dark-1);
  font-size: 4rem;
  font-weight: 600;
  line-height: 1;
}
@media only screen and (max-width: 30em) {
  .heading-2--dark {
    font-size: 3.6rem;
  }
}

.heading-3--light {
  text-transform: uppercase;
  letter-spacing: 10px;
  color: var(--color-grey-light-1);
  font-size: 2.4rem;
  font-weight: 500;
}
.heading-3--dark {
  color: var(--color-grey-dark-1);
  font-size: 2.4rem;
  font-weight: 700;
}

.heading-4--light {
  text-transform: uppercase;
  color: var(--color-grey-light-1);
  font-size: 2.2rem;
  font-weight: 600;
}
.heading-4--dark {
  color: var(--color-grey-dark-1);
  font-size: 2.2rem;
  font-weight: 600;
}

.paragraph-1--light {
  color: var(--color-grey-light-1);
  font-size: 2rem;
}
.paragraph-1--dark {
  color: var(--color-grey-dark-1);
  font-size: 2rem;
}

.paragraph-2--light,
#show-btn--light {
  color: var(--color-grey-light-1);
  font-size: 1.8rem;
}
.paragraph-2--dark,
#show-btn--dark {
  color: var(--color-grey-dark-1);
  font-size: 1.8rem;
}

.footer-link:link,
.footer-link:visited {
  text-decoration: none;
  color: var(--color-grey-light-1);
  font-weight: 500;
}

.link:link,
.link:visited {
  font-size: 1.6rem;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  padding: 1.5rem;
  display: block;
}

.u-center-text {
  text-align: center !important;
}

.u-margin-bottom-16rem {
  margin-bottom: 1.6rem !important;
}

.u-margin-bottom-small {
  margin-bottom: 2.4rem !important;
}

.u-margin-bottom-32 {
  margin-bottom: 3.2rem !important;
}

.u-margin-bottom-medium {
  margin-bottom: 4.8rem !important;
}

.u-margin-bottom-big {
  margin-bottom: 8rem !important;
}

.u-margin-top-big {
  margin-top: 8rem !important;
}

.u-margin-top-huge {
  margin-top: 10rem !important;
}

.btn, .btn:link, .btn:visited {
  font-family: inherit;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 600;
  color: #fff;
  padding: 1.6rem 3.2rem;
  display: inline-block;
  border-radius: 10rem;
  font-size: 1.6rem;
  background: linear-gradient(90deg, var(--color-primary-light) 0%, var(--color-primary-dark) 100%);
  border: none;
  cursor: pointer;
  transition: background-color 0.3s;
}
.button, .button:link, .button:visited {
  text-align: center;
  justify-self: center;
  line-height: 0 !important;
  height: 5.12rem !important;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  color: #fff !important;
  font-weight: 600 !important;
  padding: 1.6rem 3.2rem !important;
  display: inline-block !important;
  border-radius: 10rem !important;
  font-size: 1.6rem !important;
  margin: 0 !important;
  margin-top: 1.8rem !important;
  background: linear-gradient(90deg, var(--color-primary-light) 0%, var(--color-primary-dark) 100%) !important;
  border: none !important;
  cursor: pointer !important;
  transition: background-color 0.3s;
}
.explanatory {
  grid-column: center-start/center-end;
  display: grid;
  grid-template-columns: repeat(12, minmax(-webkit-min-content, 8.5rem));
  grid-template-columns: repeat(12, minmax(min-content, 8.5rem));
  row-gap: 3.2rem;
  -moz-column-gap: 1.6rem;
       column-gap: 1.6rem;
  grid-row: explanatory-start/explanatory-end;
  margin: 10rem 0 10rem 0;
}
@media only screen and (max-width: 60em) {
  .explanatory {
    grid-column-gap: 0;
  }
}
@media only screen and (max-width: 38em) {
  .explanatory {
    grid-template-columns: 1fr;
  }
}
.explanatory__heading {
  grid-column: 3/11;
  text-align: center;
}
@media only screen and (max-width: 38em) {
  .explanatory__heading {
    grid-column: unset;
  }
}
.explanatory__paragraph-wrap {
  grid-column: 4/10;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
@media only screen and (max-width: 38em) {
  .explanatory__paragraph-wrap {
    grid-column: unset;
  }
}
.explanatory__btn {
  align-self: center;
  justify-self: center;
}
@media only screen and (max-width: 38em) {
  .explanatory__btn {
    grid-column: unset;
  }
}

#more-text,
#more-btn {
  display: none;
}

#show-btn--dark {
  align-self: flex-start;
  font-family: inherit;
  font-weight: 500;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: var(--color-primary-dark);
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}

.paragraph-hidden__wrap {
  display: flex;
  gap: 1.6rem;
}

.form__background, .form__content {
  grid-row: form-start/form-end;
}
@media only screen and (max-width: 60em) {
  .form__background, .form__content {
    grid-row: form-start/form-end;
  }
}
.form__background {
  grid-column: full-start/full-end;
  background-image: url(../../img/Wavy-2.svg);
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: -10px;
}
.form__content {
  margin: 20rem 0 10rem 0;
  grid-column: center-start/center-end;
  display: grid;
  grid-template-columns: repeat(12, minmax(-webkit-min-content, 8.5rem));
  grid-template-columns: repeat(12, minmax(min-content, 8.5rem));
  row-gap: 3.2rem;
  -moz-column-gap: 1.6rem;
       column-gap: 1.6rem;
}
@media only screen and (max-width: 60em) {
  .form__content {
    grid-column-gap: 0;
  }
}
@media only screen and (max-width: 38em) {
  .form__content {
    grid-template-columns: 1fr;
  }
}
.form__content--heading {
  grid-column: 5/9;
  text-align: center;
}
@media only screen and (max-width: 38em) {
  .form__content--heading {
    grid-column: unset;
  }
}
.form__content--paragraph {
  grid-column: 4/10;
  text-align: center;
}
@media only screen and (max-width: 38em) {
  .form__content--paragraph {
    grid-column: unset;
  }
}
.form__content--form {
  grid-column: 4/10;
}
@media only screen and (max-width: 38em) {
  .form__content--form {
    grid-column: unset;
  }
}

.response {
  color: var(--color-grey-light-1) !important;
  text-align: center;
  font-weight: 500 !important;
}

.clear {
  display: flex;
  align-items: center;
  justify-content: center;
}

#mc_embed_signup {
  clear: left;
  font-size: 1.8rem;
  width: 650px;
  color: #faf9f9;
}
@media only screen and (max-width: 60em) {
  #mc_embed_signup {
    width: 100%;
  }
}

.hero__background, .hero__content, .hero__picture {
  grid-row: hero-start/hero-end;
}
@media only screen and (max-width: 60em) {
  .hero__background, .hero__content, .hero__picture {
    grid-row: hero-start/ebook-end;
  }
}
.hero__background {
  background: linear-gradient(90deg, var(--color-secondary-dark) 0%, var(--color-secondary-light) 100%);
  grid-column: full-start/col-end 10;
}
@media only screen and (max-width: 72em) {
  .hero__background {
    grid-column: full-start/full-end;
  }
}
.hero__content {
  grid-column: center-start/col-end 6;
  z-index: 10;
  align-self: center;
}
@media only screen and (max-width: 60em) {
  .hero__content {
    grid-column: center-start/center-end;
    margin-top: 10rem;
    grid-row: hero-start/hero-end;
  }
}
.hero__picture {
  overflow: hidden;
  width: 100%;
  grid-column: col-end 6/-1;
  transform: translateY(10rem);
}
@media only screen and (max-width: 60em) {
  .hero__picture {
    transform: translateY(7rem);
    grid-column: center-start/center-end;
    grid-row: ebook-start/ebook-end;
  }
}
.hero__picture--wrap {
  width: 100%;
}
.hero__picture--img {
  height: auto;
  width: 90.1rem;
}
@media only screen and (max-width: 82em) {
  .hero__picture--img {
    width: 90.1rem;
  }
}
@media only screen and (max-width: 60em) {
  .hero__picture--img {
    width: 100%;
  }
}

.hero__lead-gen {
  transform: translateX(-0.6rem);
}

/* 
?==========================================
?=======LEAD GENERATOR COMPOSITION
?==========================================
*/
.stakes__content {
  grid-column: center-start/col-end 6;
  margin: 10rem 0 10rem 0;
  align-self: center;
  overflow: hidden;
}
@media only screen and (max-width: 60em) {
  .stakes__content {
    grid-column: center-start/center-end;
    justify-content: center;
    grid-row: stakes-start/stakes-end;
  }
}
.stakes__picture {
  grid-column: col-start 8/full-end;
  align-self: center;
  margin: 10rem 0 10rem 0;
  overflow: hidden;
}
@media only screen and (max-width: 60em) {
  .stakes__picture {
    display: none;
  }
}
.stakes__picture--svg {
  width: 80%;
}
@media only screen and (max-width: 72em) {
  .stakes__picture--svg {
    width: 100%;
  }
}

.list {
  display: grid;
  grid-template-columns: repeat(6, minmax(-webkit-min-content, 8.5rem));
  grid-template-columns: repeat(6, minmax(min-content, 8.5rem));
  grid-template-rows: repeat(3, -webkit-min-content);
  grid-template-rows: repeat(3, min-content);
  -moz-column-gap: 1.6rem;
       column-gap: 1.6rem;
  row-gap: 1.6rem;
}
@media only screen and (max-width: 60em) {
  .list {
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
.list__item--1 {
  display: flex;
  align-items: center;
  gap: 20px;
  grid-column: 1/-2;
}
.list__item--2 {
  display: flex;
  align-items: center;
  gap: 20px;
  grid-column: 1/-2;
}
.list__item--3 {
  display: flex;
  align-items: center;
  gap: 20px;
  grid-column: 1/-2;
}
.list__item__icon {
  flex-shrink: 0;
  height: 12px;
  width: 12px;
}

.value__background, .value__content {
  grid-row: value-start/value-end;
}
@media only screen and (max-width: 60em) {
  .value__background, .value__content {
    grid-row: value-start/value-end;
  }
}
.value__background {
  grid-column: full-start/full-end;
  background: linear-gradient(90deg, #f5f7fa 0%, #f5f7fa 74%);
}
.value__content {
  z-index: 10;
  margin: 10rem 0 10rem 0;
  grid-column: center-start/center-end;
}
.value__content--text-wrap {
  display: grid;
  grid-template-columns: repeat(12, minmax(-webkit-min-content, 8.5rem));
  grid-template-columns: repeat(12, minmax(min-content, 8.5rem));
  gap: 1.6rem;
}
@media only screen and (max-width: 60em) {
  .value__content--text-wrap {
    gap: 0;
  }
}
@media only screen and (max-width: 38em) {
  .value__content--text-wrap {
    grid-template-columns: 1fr;
  }
}

.feature-h2 {
  grid-column: 3/11;
  text-align: center;
  margin-bottom: 6.4rem;
}

.value__features {
  display: grid;
  justify-items: center;
  grid-template-rows: -webkit-min-content 1fr;
  grid-template-rows: min-content 1fr;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 1.6rem;
       column-gap: 1.6rem;
  row-gap: 6.4rem;
}
@media only screen and (max-width: 60em) {
  .value__features {
    grid-template-columns: 1fr minmax(-webkit-min-content, 3fr) 1fr;
    grid-template-columns: 1fr minmax(min-content, 3fr) 1fr;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
@media only screen and (max-width: 38em) {
  .value__features {
    grid-template-columns: 1fr;
  }
}

.feature__svg {
  height: 10rem;
}
.feature-1 {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  align-items: center;
  text-align: center;
  grid-column: 1/2;
}
@media only screen and (max-width: 60em) {
  .feature-1 {
    grid-column: 2/3;
  }
}
.feature-2 {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  align-items: center;
  text-align: center;
  grid-column: 2/3;
}
.feature-3 {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  align-items: center;
  text-align: center;
  grid-column: 3/4;
}
@media only screen and (max-width: 60em) {
  .feature-3 {
    grid-column: 2/3;
  }
}
.feature--btn {
  grid-column: 2/3;
  align-self: center;
  justify-self: center;
}

.plan {
  margin: 10rem 0 10rem 0;
  grid-column: center-start/center-end;
  grid-row: plan-start/plan-end;
}
.plan__content {
  display: grid;
  grid-template-columns: repeat(12, minmax(-webkit-min-content, 8.5rem));
  grid-template-columns: repeat(12, minmax(min-content, 8.5rem));
  -moz-column-gap: 1.6rem;
       column-gap: 1.6rem;
}
@media only screen and (max-width: 64em) {
  .plan__content {
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
@media only screen and (max-width: 38em) {
  .plan__content {
    grid-template-columns: 1fr;
  }
}
.plan__content--heading {
  grid-column: 1/8;
  margin-bottom: 6.4rem;
  grid-row: 1/2;
}
@media only screen and (max-width: 72em) {
  .plan__content--heading {
    grid-column: 4/10;
    text-align: center;
  }
}
@media only screen and (max-width: 38em) {
  .plan__content--heading {
    grid-column: unset;
  }
}
.plan__content--1 {
  grid-column: 1/10;
}
@media only screen and (max-width: 72em) {
  .plan__content--1 {
    grid-column: 3/11;
  }
}
@media only screen and (max-width: 38em) {
  .plan__content--1 {
    grid-column: unset;
  }
}
.plan__content--2 {
  grid-column: 2/11;
}
@media only screen and (max-width: 72em) {
  .plan__content--2 {
    grid-column: 3/11;
  }
}
@media only screen and (max-width: 38em) {
  .plan__content--2 {
    grid-column: unset;
  }
}
.plan__content--3 {
  grid-column: 3/11;
}
@media only screen and (max-width: 38em) {
  .plan__content--3 {
    grid-column: unset;
  }
}
.plan__content--wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 72em) {
  .plan__content--wrap {
    grid-template-columns: 1fr -webkit-max-content 1fr;
    grid-template-columns: 1fr max-content 1fr;
  }
}
.plan__content--btn {
  grid-column: 2/3;
  align-self: center;
  justify-self: center;
}

.wrap-btn {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 1.6rem;
       column-gap: 1.6rem;
}
@media only screen and (max-width: 60em) {
  .wrap-btn {
    grid-column-gap: 0;
  }
}
.wrap-btn__btn {
  grid-column: 2/3;
  align-self: center;
  justify-self: center;
}

.wrap {
  display: grid;
  grid-template-columns: repeat(6, 13.5rem);
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  margin-bottom: 6.4rem;
}
@media only screen and (max-width: 60em) {
  .wrap {
    grid-template-columns: 1fr 3fr 1fr;
    grid-template-rows: repeat(3, -webkit-min-content);
    grid-template-rows: repeat(3, min-content);
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
@media only screen and (max-width: 38em) {
  .wrap {
    grid-template-columns: 1fr;
  }
}
.wrap__svg-icon, .wrap__text {
  grid-row: 1/2;
}
@media only screen and (max-width: 60em) {
  .wrap__svg-icon, .wrap__text {
    grid-row: 2/3;
    grid-column: 2/3;
    text-align: center;
  }
}
.wrap__svg-line {
  grid-column: 1/2;
  align-self: center;
}
@media only screen and (max-width: 60em) {
  .wrap__svg-line {
    display: none;
  }
}
.wrap__number {
  grid-column: 2/3;
  font-size: 12.8rem;
  padding: 1rem;
  font-weight: 900;
  align-self: center;
  justify-self: center;
  background-image: linear-gradient(to right, var(--color-primary-light), var(--color-primary-dark));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
@media only screen and (max-width: 60em) {
  .wrap__number {
    grid-row: 1/2;
    grid-column: 2/3;
    align-self: start;
  }
}
.wrap__svg-icon {
  grid-column: 3/5;
}
@media only screen and (max-width: 60em) {
  .wrap__svg-icon {
    grid-column: 2/3;
    justify-self: center;
    transform: translateY(-10rem);
  }
}
.wrap__text {
  grid-column: 3/5;
  display: grid;
  grid-template-columns: repeat(4, 13.5rem);
  grid-template-rows: repeat(2, -webkit-min-content);
  grid-template-rows: repeat(2, min-content);
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  row-gap: 2.6rem;
  align-content: center;
}
@media only screen and (max-width: 60em) {
  .wrap__text {
    grid-column: 2/3;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
@media only screen and (max-width: 38em) {
  .wrap__text {
    grid-template-columns: 1fr;
  }
}
.wrap__text--heading-1 {
  grid-column: 1/3;
  font-weight: 700;
  font-size: 3.2rem;
}
@media only screen and (max-width: 60em) {
  .wrap__text--heading-1 {
    grid-column: 2/4;
  }
}
@media only screen and (max-width: 38em) {
  .wrap__text--heading-1 {
    grid-column: unset;
  }
}
.wrap__text--heading-2 {
  grid-column: 1/4;
  font-weight: 700;
  font-size: 3.2rem;
}
@media only screen and (max-width: 60em) {
  .wrap__text--heading-2 {
    grid-column: 1/5;
  }
}
@media only screen and (max-width: 60em) and (max-width: 38em) {
  .wrap__text--heading-2 {
    grid-column: unset;
  }
}
.wrap__text--paragraph {
  grid-column: 1/5;
}

.footer__background-one, .footer__content-one {
  grid-row: f1-start/f1-end;
}
.footer__background-one {
  grid-column: full-start/full-end;
  background: linear-gradient(90deg, var(--color-secondary-dark) 0%, var(--color-secondary-light) 100%);
}
.footer__content-one {
  grid-column: center-start/center-end;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 46em) {
  .footer__content-one {
    justify-content: space-evenly;
    flex-direction: column;
  }
}
@media only screen and (max-width: 72em) {
  .footer__content-one--svg {
    width: 80%;
  }
}
@media only screen and (max-width: 46em) {
  .footer__content-one--svg {
    width: 100%;
  }
}
.footer__content-one--wrap {
  display: flex;
  gap: 4.8rem;
  align-items: center;
}
@media only screen and (max-width: 30em) {
  .footer__content-one--wrap {
    flex-direction: column;
    gap: 1.2rem;
  }
}
.footer__background-two, .footer__content-two {
  grid-row: f2-start/f2-end;
}
.footer__background-two {
  grid-column: full-start/full-end;
  background: #26343b;
}
.footer__content-two {
  grid-column: center-start/center-end;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: space-around;
}
@media only screen and (max-width: 60em) {
  .footer__content-two {
    text-align: center;
  }
}
.footer__content-two--paragraph {
  color: var(--color-grey-light-3);
  font-size: 1.4rem;
}

.container {
  display: grid;
  grid-template-rows: 9rem [hero-start] 75rem [hero-end stakes-start] -webkit-min-content [stakes-end value-start] -webkit-min-content [value-end plan-start] -webkit-min-content [plan-end form-start] -webkit-min-content [form-end explanatory-start] -webkit-min-content [explanatory-end f1-start] 10rem [f1-end f2-start] 5rem [f2-end];
  grid-template-rows: 9rem [hero-start] 75rem [hero-end stakes-start] min-content [stakes-end value-start] min-content [value-end plan-start] min-content [plan-end form-start] min-content [form-end explanatory-start] min-content [explanatory-end f1-start] 10rem [f1-end f2-start] 5rem [f2-end];
  grid-template-columns: [full-start] minmax(6rem, 1fr) [center-start] repeat(12, [col-start] minmax(-webkit-min-content, 8.5rem) [col-end]) [center-end] minmax(6rem, 1fr) [full-end];
  grid-template-columns: [full-start] minmax(6rem, 1fr) [center-start] repeat(12, [col-start] minmax(min-content, 8.5rem) [col-end]) [center-end] minmax(6rem, 1fr) [full-end];
  grid-column-gap: 1.6rem;
}
@media only screen and (max-width: 60em) {
  .container {
    grid-column-gap: 0;
    grid-template-rows: [header-start] 9rem [header-end hero-start] -webkit-min-content [hero-end ebook-start] -webkit-min-content [ebook-end stakes-start] -webkit-min-content [stakes-end value-start] -webkit-min-content [value-end plan-start] -webkit-min-content [plan-end form-start] -webkit-min-content [form-end explanatory-start] -webkit-min-content [explanatory-end f1-start] 10rem [f1-end f2-start] 5rem [f2-end];
    grid-template-rows: [header-start] 9rem [header-end hero-start] min-content [hero-end ebook-start] min-content [ebook-end stakes-start] min-content [stakes-end value-start] min-content [value-end plan-start] min-content [plan-end form-start] min-content [form-end explanatory-start] min-content [explanatory-end f1-start] 10rem [f1-end f2-start] 5rem [f2-end];
  }
}
@media only screen and (max-width: 46em) {
  .container {
    grid-template-rows: [header-start] 9rem [header-end hero-start] -webkit-min-content [hero-end ebook-start] -webkit-min-content [ebook-end stakes-start] -webkit-min-content [stakes-end value-start] -webkit-min-content [value-end plan-start] -webkit-min-content [plan-end form-start] -webkit-min-content [form-end explanatory-start] -webkit-min-content [explanatory-end f1-start] 20rem [f1-end f2-start] 8rem [f2-end];
    grid-template-rows: [header-start] 9rem [header-end hero-start] min-content [hero-end ebook-start] min-content [ebook-end stakes-start] min-content [stakes-end value-start] min-content [value-end plan-start] min-content [plan-end form-start] min-content [form-end explanatory-start] min-content [explanatory-end f1-start] 20rem [f1-end f2-start] 8rem [f2-end];
  }
}
@media only screen and (max-width: 38em) {
  .container {
    grid-template-columns: [full-start] minmax(3rem, 1fr) [center-start] repeat(12, [col-start] minmax(-webkit-min-content, 8.5rem) [col-end]) [center-end] minmax(3rem, 1fr) [full-end];
    grid-template-columns: [full-start] minmax(3rem, 1fr) [center-start] repeat(12, [col-start] minmax(min-content, 8.5rem) [col-end]) [center-end] minmax(3rem, 1fr) [full-end];
  }
}
.container__contact {
  display: grid;
  grid-template-rows: 9rem -webkit-min-content [stakes-end value-start] -webkit-min-content [value-end plan-start] -webkit-min-content [plan-end form-start] -webkit-min-content [form-end explanatory-start] -webkit-min-content [explanatory-end f1-start] 10rem [f1-end f2-start] 5rem [f2-end];
  grid-template-rows: 9rem min-content [stakes-end value-start] min-content [value-end plan-start] min-content [plan-end form-start] min-content [form-end explanatory-start] min-content [explanatory-end f1-start] 10rem [f1-end f2-start] 5rem [f2-end];
  grid-template-columns: [full-start] minmax(6rem, 1fr) [center-start] repeat(12, [col-start] minmax(-webkit-min-content, 8.5rem) [col-end]) [center-end] minmax(6rem, 1fr) [full-end];
  grid-template-columns: [full-start] minmax(6rem, 1fr) [center-start] repeat(12, [col-start] minmax(min-content, 8.5rem) [col-end]) [center-end] minmax(6rem, 1fr) [full-end];
  grid-column-gap: 1.6rem;
}

.header {
  grid-column: center-start/center-end;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 72em) {
  .header__svg {
    width: 80%;
  }
}
@media only screen and (max-width: 38em) {
  .header__btn {
    display: none;
    visibility: hidden;
  }
}/*# sourceMappingURL=main.css.map */