article {
    padding-right: 10px;
}

.body {
    font-family: Muli;
    color: #000000;
    font-weight: 100;
}

a {
    color: #394747;
}

.button,.btn {
    cursor: pointer;
}

/* MENU-NAV */
.nav-bar {
    margin-top: 20px;
    margin-bottom: 20px;
}

nav .opt-in-button {
    background-color: #d03838;
    margin-left: 10px;
}

nav .opt-in-button:active,
nav .opt-in-button:hover {
    background-color: #ff4a4a;
}

nav .opt-in-button span {
    color: #ffffff;
    font-weight: 700;
    letter-spacing: -.1px;
}

.nav {
    grid-area: nav;
    margin-top: 15px;
    display: grid;
    grid-template-columns: 20px 140px 1fr;
    grid-template-rows: 100px;
    grid-template-areas: '. logo menu';
}

.logo {
    grid-area: logo;
    object-fit: cover;
    margin-left: 1em;
    align-self: center;
    min-width: 10px;
    min-height: 10px;
    margin-top: 10px;
    max-height: 28px;
}

.menu {
    align-self: center;
    justify-content: flex-end;
}

.menu a {
    color: #494848;
    text-transform: capitalize;
    font-size: .8em;
    letter-spacing: .05em;
}

.menu-light a {
    color: #ffffff;
}

.menu-dark a {
    color: #171717;
    font-weight: 400;
}

.menu-dark a:hover {
    background: #f68857;
}

.menu-dark-2 a {
    color: #171717;
    font-weight: 400;
}

.menu-dark-2 a:hover {
    text-decoration: underline;
}

.navbar-brand img {
    height: 30px;
}

.menu-icon::after {
    background: #de2d2d;
    -webkit-box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
    box-shadow: 0 7px 0 #3c1818, 0 14px 0 #6d1818;
}

.menu-icon::after {
    background: #797979;
    box-shadow: 0 7px 0 #797979, 0 14px 0 #797979;
}

.navbar-item,
.navbar-link {
    text-transform: capitalize;
    font-size: 1.1em !important;
    font-weight: 500 !important;
}

.navbar-link.is-active,
.navbar-link:hover {
    background-color: #FFDFD6 !important;
    color: #111111 !important;
}

.navbar-link.not-clickable {
    pointer-events: none;
}

.navbar-dropdown {
    background-color: #fff;
    border: 0px;
    box-shadow: 0px white;
    border-radius: 0px;
}

/* STICKY BAR */
.sticky-bar {
    padding: 8px 5px;
    background: #9BB4B4;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
    text-align-last: center;
    color: #fff;
    font-size: 1em;
    font-weight: 300;
    grid-area: sticky-bar;
}

font-we {
}

.sticky-bar-text,
.sticky-bar-btn {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    font-weight: 700;
}

.sticky-bar-btn a {
    background: #FFDFD6;
    color: #606060;
    padding: 4px 8px;
    text-decoration: none;
    border-radius: 3px;
    font-weight: 800;
    font-size: .8em;
}

.sticky-bar-btn a:hover {
    background: #D1A49F;
    color: #ffffff;
}

/* FOOTER */
.footer {
    grid-area: footer;
    background-color: #e0dcdc;
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: minmax(100px, auto) minmax(100px, auto);
    grid-template-areas: '. footer-box-1 .' '. footer-box-2 .';
}

@media (min-width:900px) {
    .footer {
        grid-template-columns: 1fr 1fr 40px minmax(400px, 1fr) 1fr;
        grid-template-rows: minmax(100px, auto);
        grid-template-areas: '. footer-box-1 . footer-box-2 .';
    }
}

.footer-box-1 {
    grid-area: footer-box-1;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 20px auto 10px auto 10px auto auto auto 30px;
    grid-template-areas: '.' 'logo' '.' 'text-1' '.' 'text-2' 'text-3' 'text-4' '.';
}

.footer-box-1 p {
    line-height: 1;
    margin: 3px;
    text-align: left;
    color: #3d3d3d;
    font-size: 20px;
}

.footer-box-2 {
    grid-area: footer-box-2;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto auto 10px auto 10px auto 50px;
    grid-template-areas: '.' 'location-title' 'location-address' '.' 'phone' '.' 'email' '.';
}

@media (min-width:900px) {
    .footer-box-2 {
        grid-template-columns: 1fr;
        grid-template-rows: 40px auto auto 10px auto 10px auto auto;
        grid-template-areas: '.' 'location-title' 'location-address' '.' 'phone' '.' 'email' '.';
    }
}

.footer-box-2 p {
    line-height: 1;
    margin: 3px;
    text-align: left;
    color: #3d3d3d;
    font-size: 20px;
}

.footer-box-1 a,
.footer-box-2 a {
    color: #3d3d3d;
    font-style: italic;
}

.footer-box-1 a:hover,
.footer-box-2 a:hover {
    text-decoration: underline;
}

/* HEADER */
.header {
    grid-area: header;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 10px 60px;
    grid-template-areas: '.' 'nav';
    z-index: 9;
}

@media (min-width:900px) {
    .header {
        grid-template-columns: 1fr minmax(100px, 900px) 1fr;
        grid-template-areas: '. nav .';
        grid-template-rows: 60px;
    }
}

.header-short {
    grid-area: header;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 10px 60px;
    grid-template-areas: '.' 'nav';
    z-index: 9;
    max-height: 4.4em;
    background-color: white;
}

@media (min-width:900px) {
    .header-short {
        grid-template-columns: 1fr minmax(100px, 900px) 1fr;
        grid-template-areas: '. nav .';
        grid-template-rows: 60px;
        max-height: 3.75em;
    }
}

/* LINKS */
.link-1 {
    color: #394747;
    text-decoration: underline;
}

.link-1:hover {
    color: #000000;
}

/* .anchor {
    display: block;
    position: absolute;
    margin-top: -50px;
    visibility: hidden;
} */
.anchor {
    scroll-margin-top: 75px;
}

/* BUTTONS */
.button-1 {
    grid-area: button;
    max-width: 250px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    align-self: center;
    min-width: 200px;
    min-height: 48px;
    font-size: 20px;
    background-color: #ecaf9d;
    color: #666666;
    font-weight: 700;
    border: none;
    padding: 0.85em 1em;
    border-radius: .25em;
}

.button-1:active,
.button-1:hover,
.button-1:focus {
    background-color: #D1A49F;
    color: #ffffff;
}

.button-register-1 {
    margin-top: 20px;
    font-weight: 700;
    line-height: 1.4;
}

/* FORMS */
.home-optin-form {
    display: block;
    width: 17em;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
    grid-area: form1;
}

/* MISC */
.continue-reading {
    color: #b43232;
    font-weight: 600 !important;
}

.continue-reading:active,
.continue-reading:hover,
.continue-reading:focus,
.continue-reading:visited {
    color: #ff4a4a;
}

/* HOME */
.home-grid {
    display: grid;
    grid-template-columns: [section-2-bg-start section-tes-1-bg-start section-video-bg-start section-6-bg-start section-tes-2-bg-start section-tes-3-bg-start section-8-bg-start] 1fr [section-2-bg-end section-tes-1-bg-end section-video-bg-end section-6-bg-end section-tes-2-bg-end section-tes-3-bg-end section-8-bg-end];
    grid-template-rows: auto minmax(100px, auto) minmax(100px, auto) [section-2-bg-start] minmax(100px, auto) [section-2-bg-end] minmax(100px, auto) [section-tes-1-bg-start] minmax(100px, auto) [section-tes-1-bg-end] minmax(100px, auto) [section-video-bg-start] minmax(100px, auto) [section-video-bg-end section-6-bg-start] minmax(100px, auto) [section-6-bg-end] minmax(100px, auto) [section-8-bg-start] minmax(100px, auto) [section-8-bg-end section-tes-2-bg-start] minmax(100px, auto) [section-tes-2-bg-end] minmax(100px, auto) 50px minmax(100px, auto);
    grid-template-areas: 'sticky-bar' 'section-hero' 'section-1' 'section-2' 'section-3' 'section-tes-1' 'section-5' 'section-video' 'section-6' 'section-7' 'section-8' 'section-tes-2' 'section-pricing' '.' 'footer';
    margin-left: auto;
    margin-right: auto;
}

/* img.home-hero-bg {
    grid-area: home-hero-bg;
    z-index: -1;
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: 1;
    border-bottom: 1px solid;
    color: #a4a4a4;
    vertical-align: top;
    clip-path: inset(100px 100px 100px 100px);
    top: 0px;
    left: 100px;
    position: absolute;
} */
.home-section-hero {
    grid-area: section-hero;
    display: grid;
    grid-template-columns: [home-hero-bg-start] minmax(100px, auto) [home-hero-bg-end];
    grid-template-rows: [home-hero-bg-start] minmax(100px, auto) minmax(100px, auto) [home-hero-bg-end];
    grid-template-areas: 'header' 'home-hero-text';
}

.home-hero-text {
    grid-area: home-hero-text;
    display: grid;
    grid-template-columns: .2fr 1fr 1fr 1fr 1fr 1fr .2fr;
    grid-template-rows: 1px auto 10px auto 45px auto 65px;
    grid-template-areas: '. . . . . . .' '. title title title title title .' '. . . . . . .' '. subtitle subtitle subtitle subtitle subtitle .' '. . . . . . .' '. button button button button button .' '. . . . . . .';
}

@media (min-width:600px) {
    .home-hero-text {
        grid-template-columns: 20px 1fr 1fr 1fr 1fr 1.2fr 1fr;
        grid-template-rows: 1px auto 10px auto 45px auto 65px;
        grid-template-areas: '. . . . . . .' '. title title title title . .' '. . . . . . .' '. subtitle subtitle subtitle subtitle . .' '. . . . . . .' '. button button button button . .' '. . . . . . .';
    }
}

@media (min-width:900px) {
    .home-hero-text {
        grid-template-columns: .2fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 1px auto 10px auto 45px auto 65px;
        grid-template-areas: '. . . . . . .' '. title title title title . .' '. . . . . . .' '. subtitle subtitle subtitle subtitle . .' '. . . . . . .' '. button button button button . .' '. . . . . . .';
    }
}

@media (min-width:1200px) {
    .home-hero-text {
        grid-template-columns: .2fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 1px auto 10px auto 45px auto 65px;
        grid-template-areas: '. . . . . . .' '. title title title title title .' '. . . . . . .' '. . subtitle subtitle subtitle . .' '. . . . . . .' '. . button button button . .' '. . . . . . .';
        display: grid;
    }
}

.home-hero-overlay {
    grid-area: header;
    opacity: 0.6;
    background-color: #c67777;
    z-index: -1;
    display: none;
}

.home-hero-text-title {
    color: #494848;
    font-size: 2.4em;
    grid-area: title;
    align-self: center;
    text-align: center;
    font-weight: 100;
    margin: 0px;
}

.home-hero-text-subtitle {
    grid-area: subtitle;
    text-align: center;

    /* font-style: italic */
    color: #494848;
    font-size: 1.25em;
    align-self: center;
    font-weight: 100;
    margin: 0px;
}

.home-hero-bg {
    background-image: url('../../assets/img/girl-red-trees-only-2.jpg');
    grid-area: home-hero-bg;
    z-index: -1;
    background-size: cover;
}

@media (min-width:600px) {
    .home-hero-bg {
        background-image: url('../../assets/img/girl-red-8.jpg');
    }
}

@media (min-width:900px) {
    .home-hero-bg {
        background-image: url('../../assets/img/girl-red-7.jpg');
    }
}

@media (min-width:1200px) {
    .home-hero-bg {
    }
}

.home-section-1 {
    grid-area: section-1;
    display: grid;
    grid-template-columns: 70px 1fr 50px;
    grid-template-rows: 65px auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto 50px;
    grid-template-areas: '. . .' '. title .' '. s1 .' '. s2 .' '. s3 .' '. s4 .' '. s5 .' '. s6 .' '. s7 .' '. s8 .' '. s9 .' '. s10 .' '. s11 .' '. s12 .' '. s13 .' '. s14 .' '. . .';
}

@media (min-width:600px) {
    .home-section-1 {
        grid-template-columns: 1fr 30px 225px 40px 225px 1fr;
        grid-template-rows: 65px auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto 50px;
        grid-template-areas: '. . . . . .' '. . title title title .' '. . s1 . s2 .' '. . s3 . s4 .' '. . s5 . s6 .' '. . s7 . s8 .' '. . s9 . s10 .' '. . s11 . s12 .' '. . s13 . s14 .' '. . s15 . s16 .' '. . s17 . s18 .' '. . s19 . s20 .' '. . s21 . s22 .' '. . s23 . s24 .' '. . s25 . s26 .' '. . s27 . s28 .' '. . s29 . s30 .' '. . s31 . s32 .' '. . s33 . s34 .' '. . subtitle subtitle subtitle .' '. . . . . .';
        display: grid;
    }
}

.home-section-1 p {
    font-size: 1.1em;
    text-indent: -.8em;
    text-align: left;
    font-weight: 200;
    margin-top: 15px;
    margin-bottom: 10px;
}

.home-section-bonus {
    grid-area: section-bonus;
    display: grid;
    grid-template-columns: 70px 1fr 50px;
    grid-template-rows: 50px auto 20px auto auto 40px auto auto 75px;
    grid-template-areas: '. . .' '. title .' '. . .' '. s1 .' '. s2 .' '. . .' '. s3 .' '. s4 .' '. . .';
}

@media (min-width:600px) {
    .home-section-bonus {
        grid-template-columns: 1fr 30px 225px 40px 225px 1fr;
        grid-template-rows: 50px auto 20px auto 40px auto 75px;
        grid-template-areas: '. . . . . .' '. . title title title .' '. . . . . .' '. . s1 . s2 .' '. . . . . .' '. . s3 . s4 .' '. . . . . .';
    }
}

.home-section-bonus p {
    font-size: 1.1em;
    text-indent: -.8em;
    text-align: left;
    font-weight: 200;

    /* margin-top: 10px */
    margin-left: ;
}

.home-section-2 {
    grid-area: section-2;
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 35px auto auto 30px auto 30px auto 30px auto 10px auto 50px;
    grid-template-areas: '. . .' '. title-top .' '. table-1 .' '. . .' '. table-2 .' '. . .' '. text-1 .' '. . .' '. button .' '. . .' '. button-subtext .' '. . .';
}

@media (min-width:600px) {
    .home-section-2 {
        grid-template-columns: 1fr minmax(100px, 300px) minmax(10px, 30px) minmax(100px, 300px) 1fr;
        grid-template-rows: 35px auto 10px auto 40px auto 40px auto 20px auto 50px;
        grid-template-areas: '. . . . .' '. title-top title-top title-top .' '. . . . .' '. table-1 table-1 table-1 .' '. . . . .' 'text-1 text-1 text-1 text-1 text-1' '. . . . .' '. button button button .' '. . . . .' '. button-subtext button-subtext button-subtext .' '. . . . .';
        display: grid;
    }
}

.home-section-2 p {
    font-size: 1.2em;
    border-top: 1px solid #7f7f7f;
    padding: 15px;
}

.home-section-2 .fa-check {
    color: #cb3636;
}

.home-section-2 td {
    font-size: 1.1em;
    font-weight: 100;
    border-style: solid;
    border-top: 1px solid #d5d5d5;
    border-bottom: 0px solid #dadada;
    border-left: 0px solid #dadada;
    border-right: 0px solid #dadada;
    background-color: #fcf7f7;
    height: 3em;
    text-align: left;
    padding-top: 14px;
    padding-bottom: 14px;
}

.home-section-2 th {
    font-size: 1.1em;
    font-weight: 400;
    color: #494848;
    border-style: solid;
    border-top: 0px solid #dadada;
    border-bottom: 1px solid #adadad;
    border-left: 0px solid #dadada;
    border-right: 0px solid #dadada;
    background-color: #fcf7f7;
    height: 40px;
}

.home-section-2 thead {
    border: none;
}

.home-section-2 tbody {
    border: none;
}

.home-section-2-bg {
    grid-area: section-2-bg;
    background-color: #fcf7f7;
}

.home-section-3 {
    grid-area: section-3;
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 50px auto 50px;
    grid-template-areas: '. . .' '. text-1 .' '. . .';
}

@media (min-width:600px) {
    .home-section-3 {
        grid-template-columns: 1fr 2fr 1fr;
        grid-template-rows: 50px auto 50px;
        grid-template-areas: '. . .' '. text-1 .' '. . .';
    }
}

.home-section-tes-1 {
    font-size: 1.3em;
    grid-area: section-tes-1;
    display: grid;
    grid-template-columns: 1fr 100px 1fr 1fr 1fr;
    grid-template-rows: 50px auto 45px auto auto 45px auto auto 45px auto auto 45px auto auto auto 65px;
    grid-template-areas: '. . . . .' '. icon icon icon .' '. . . . .' '. quote quote quote .' '. quote-author-img quote-author quote-author .' '. . . . .' '. quote-2 quote-2 quote-2 .' '. quote-author-img-2 quote-author-2 quote-author-2 .' '. . . . .' '. quote-3 quote-3 quote-3 .' '. quote-author-img-3 quote-author-3 quote-author-3 .' '. . . . .' '. quote-4 quote-4 quote-4 .' '. quote-4_2 quote-4_2 quote-4_2 .' '. quote-author-img-4 quote-author-4 quote-author-4 .' '. . . . .';
}

@media (min-width:600px) {
    .home-section-tes-1 {
        grid-template-columns: 1fr 100px 1fr 1fr 1fr;
        grid-template-rows: 50px auto 45px auto auto 45px auto auto 45px auto auto 45px auto auto 45px auto auto auto 65px;
        grid-template-areas: '. . . . .' '. icon icon icon .' '. . . . .' '. quote-0 quote-0 quote-0 .' '. quote-author-img-0 quote-author-0 quote-author-0 .' '. . . . .' '. quote-1 quote-1 quote-1 .' '. quote-author-img-1 quote-author-1 quote-author-1 .' '. . . . .' '. quote-2 quote-2 quote-2 .' '. quote-author-img-2 quote-author-2 quote-author-2 .' '. . . . .' '. quote-3 quote-3 quote-3 .' '. quote-author-img-3 quote-author-3 quote-author-3 .' '. . . . .' '. quote-4 quote-4 quote-4 .' '. quote-4_2 quote-4_2 quote-4_2 .' '. quote-author-img-4 quote-author-4 quote-author-4 .' '. . . . .';
        display: grid;
    }
}

.home-section-tes-1-bg {
    background-color: #fcf7f7;
    grid-area: section-tes-1-bg;
}

.home-section-tes-3 {
    font-size: 1.3em;
    grid-area: section-tes-3;
    display: grid;
    grid-template-columns: 50px 100px 1fr 50px;
    grid-template-rows: 75px auto 40px auto 10px auto 75px;
    grid-template-areas: '. . . .' '. icon icon .' '. . . .' '. quote quote .' '. . . .' '. quote-author quote-author .' '. . . .';
}

@media (min-width:600px) {
    .home-section-tes-3 {
        grid-template-columns: 1fr 100px 1fr 1fr 1fr;
        grid-template-rows: 75px auto 40px auto 10px auto 75px;
        grid-template-areas: '. . . . .' '. icon icon icon .' '. . . . .' '. quote quote quote .' '. . . . .' '. quote-author-img quote-author quote-author .' '. . . . .';
        display: grid;
    }
}

.home-section-tes-3-bg {
    background-color: #fcf7f7;
    grid-area: section-tes-3-bg;
}

.home-section-5 {
    font-size: 1.2em;
    grid-area: section-5;
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 80px auto auto 55px auto auto 55px auto auto 55px auto 25px auto 75px;
    grid-template-areas: '. . .' '. title-1 .' '. content-1 .' '. . .' '. title-2 .' '. content-2 .' '. . .' '. title-3 .' '. content-3 .' '. . .' '. button .' '. . .' '. button-subtext .' '. . .';
    text-align: center;
}

@media (min-width:900px) {
    .home-section-5 {
        grid-template-columns: 1fr minmax(100px, 300px) minmax(10px, 30px) minmax(100px, 300px) minmax(10px, 30px) minmax(100px, 300px) 1fr;
        grid-template-rows: 75px auto 15px auto 75px auto 20px auto 65px;
        grid-template-areas: '. . . . . . .' '. title-1 . title-2 . title-3 .' '. . . . . . .' '. content-1 . content-2 . content-3 .' '. . . . . . .' '. . . button . . .' '. . . . . . .' '. . . button-subtext . . .' '. . . . . . .';
    }
}

.home-section-video {
    font-size: 1.4em;
    grid-area: section-video;
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 50px auto 20px auto minmax(100px, 1fr);
    grid-template-areas: '. . .' '. quote .' '. . .' '. icon .' '. . .';
    color: #ffffff;
    font-weight: 500;
}

@media (min-width:900px) {
    .home-section-video {
        grid-template-columns: 1fr 3fr 1fr;
        grid-template-rows: 50px auto 20px auto minmax(100px, 1fr);
        grid-template-areas: '. . .' '. quote .' '. . .' '. icon .' '. . .';
    }
}

.home-section-video-bg {
    grid-area: section-video-bg;
}

.home-section-video-bg img {
    z-index: -1;
    object-fit: cover;
    width: 100%;
    height: 500px;
    object-position: 0 0;
    opacity: 1;
}

.home-section-6 {
    grid-area: section-6;
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 75px minmax(70px, auto) minmax(100px, auto) auto 50px;
    grid-template-areas: '. . .' '. title .' '. text-1 .' '. text-2 .' '. . .';
}

@media (min-width:900px) {
    .home-section-6 {
        grid-template-columns: 1fr 3fr 1fr;
        grid-template-rows: 75px minmax(70px, auto) minmax(100px, auto) auto 50px;
        grid-template-areas: '. . .' '. title .' '. text-1 .' '. text-2 .' '. . .';
    }
}

.home-section-6 p {
    font-size: 1.2em;
    font-weight: 100;
    text-align: left;
}

.home-section-6-bg {
    background-color: #fcf7f7;
    grid-area: section-6-bg;
}

.home-section-7 {
    grid-area: section-7;
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 75px minmax(70px, auto) minmax(100px, auto) auto 50px;
    grid-template-areas: '. . .' '. title .' '. text-1 .' '. text-2 .' '. . .';
}

@media (min-width:900px) {
    .home-section-7 {
        grid-template-columns: 1fr 3fr 1fr;
        grid-template-rows: 75px minmax(70px, auto) minmax(100px, auto) auto 50px;
        grid-template-areas: '. . .' '. title .' '. text-1 .' '. text-2 .' '. . .';
    }
}

.home-section-7 p {
    font-size: 1.2em;
    font-weight: 100;
    text-align: left;
}

.home-section-8 {
    grid-area: section-8;
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 75px minmax(70px, auto) minmax(100px, auto) auto 50px;
    grid-template-areas: '. . .' '. title .' '. text-1 .' '. text-2 .' '. . .';
}

@media (min-width:900px) {
    .home-section-8 {
        grid-template-columns: 1fr 3fr 1fr;
        grid-template-rows: 75px minmax(70px, auto) minmax(100px, auto) auto 50px;
        grid-template-areas: '. . .' '. title .' '. text-1 .' '. text-2 .' '. . .';
    }
}

.home-section-8 p {
    font-size: 1.2em;
    font-weight: 100;
    text-align: left;
}

.home-section-8-bg {
    background-color: #fcf7f7;
    grid-area: section-8-bg;
}

.home-section-tes-2 {
    text-align: left;
    font-size: 1.3em;
    grid-area: section-tes-2;
    display: grid;
    grid-template-columns: 50px auto 1fr 1fr 50px;
    grid-template-rows: 75px minmax(120px, auto) auto auto 50px auto auto 75px;
    grid-template-areas: '. . . . .' '. icon icon icon .' '. quote quote quote .' '. quote-author-img quote-author quote-author .' '. . . . .' '. quote-2 quote-2 quote-2 .' '. quote-2-author-img quote-2-author quote-2-author .' '. . . . .';
}

@media (min-width:900px) {
    .home-section-tes-2 {
        grid-template-columns: 1fr auto 1fr auto 1fr;
        grid-template-rows: 75px minmax(120px, auto) auto auto 50px auto auto 75px;
        grid-template-areas: '. . . . .' '. icon icon icon .' '. quote quote quote .' '. quote-author-img quote-author quote-author .' '. . . . .' '. quote-2 quote-2 quote-2 .' '. quote-2-author-img quote-2-author quote-2-author .' '. . . . .';
        display: grid;
    }
}

.home-section-tes-2-bg {
    background-color: #fcf7f7;
    grid-area: section-tes-2-bg;
}

.home-section-pricing {
    font-size: 1.3em;
    grid-area: section-pricing;
    display: grid;
    grid-template-columns: 40px 1fr 40px;
    grid-template-rows: 75px auto 40px auto 20px auto 50px auto 40px auto 30px;
    grid-template-areas: '. . .' '. title .' '. . .' '. text-1 .' '. . .' '. text-2 .' '. . .' '. home-pricing-box-1 .' '. . .' '. text-questions .' '. . .';
}

@media (min-width:600px) {
    .home-section-pricing {
        grid-template-columns: 50px 1fr 1fr minmax(100px, 350px) 1fr 1fr 50px;
        grid-template-rows: 75px auto 40px auto 20px auto 50px auto 40px auto 50px;
        grid-template-areas: '. . . . . . .' '. title title title title title .' '. . . . . . .' '. text-1 text-1 text-1 text-1 text-1 .' '. . . . . . .' '. . text-2 text-2 text-2 . .' '. . . . . . .' '. . . home-pricing-box-1 . . .' '. . . . . . .' '. text-questions text-questions text-questions text-questions text-questions .' '. . . . . . .';
    }
}

.home-section-workshop {
    font-size: 1.3em;
    grid-area: section-workshop;
    display: grid;
    grid-template-columns: 10px 1fr 10px;
    grid-template-rows: 100px auto 40px auto 75px auto 50px;
    grid-template-areas: '. . .' '. icon .' '. . .' '. box-1 .' '. . .' '. box-2 .' '. . .';
}

@media (min-width:600px) {
    .home-section-workshop {
        grid-template-columns: 50px 1fr minmax(10px, 150px) minmax(100px, 350px) minmax(10px, 150px) 1fr 50px;
        grid-template-rows: 50px auto 40px auto 75px auto 50px;
        grid-template-areas: '. . . . . . .' '. . . icon . . .' '. . . . . . .' '. . box-1 box-1 box-1 . .' '. . . . . . .' '. . box-2 box-2 box-2 . .' '. . . . . . .';
    }
}

.home-workshop-box-1 {
    grid-area: box-1;

    /* border-radius: 5px */
    border: 1px solid #d5d5d5;

    /* box-shadow: 1px 1px 20px #f0d0d0 */
    display: grid;
    grid-template-columns: [title-bg-start content-bg-start] 1fr minmax(250px, 400px) 1fr;
    grid-template-rows: [title-bg-start] 30px auto 10px [title-bg-end content-bg-start] 50px auto auto auto auto 10px auto 15px auto 50px auto auto auto auto 15px auto 15px auto 50px [content-bg-end];
    grid-template-areas: '. . .' 'title-1 title-1 title-1' '. . .' '. . .' 'subtitle-1 subtitle-1 subtitle-1' 'subtitle-2 subtitle-2 subtitle-2' 'text-1 text-1 text-1' 'text-2 text-2 text-2' '. . .' '. text-3 .' '. . .' 'button button button' '. . .' 'b-subtitle-1 b-subtitle-1 b-subtitle-1' 'b-subtitle-2 b-subtitle-2 b-subtitle-2' 'b-text-1 b-text-1 b-text-1' 'b-text-2 b-text-2 b-text-2' '. . .' '. b-text-3 .' '. . .' 'b-button b-button b-button' '. . .';
    padding-left: 15px;
    padding-right: 15px;
}

.home-workshop-box-1 p {
    line-height: 1;
    margin: 3px;
}

.home-workshop-box-2 {
    grid-area: box-2;

    /* border-radius: 5px */
    border: 1px solid #d5d5d5;

    /* box-shadow: 1px 1px 20px #f0d0d0 */
    display: grid;
    grid-template-columns: [title-bg-start content-bg-start] 1fr minmax(250px, 400px) 1fr;
    grid-template-rows: [title-bg-start] 30px auto 10px [title-bg-end content-bg-start] 50px auto auto auto auto auto 10px auto 15px auto 50px auto auto auto auto auto 15px auto 15px auto 50px [content-bg-end];
    grid-template-areas: '. . .' 'title-1 title-1 title-1' '. . .' '. . .' 'subtitle-1 subtitle-1 subtitle-1' 'subtitle-2 subtitle-2 subtitle-2' 'subtitle-3 subtitle-3 subtitle-3' 'text-1 text-1 text-1' 'text-2 text-2 text-2' '. . .' '. text-3 .' '. . .' 'button button button' '. . .' 'b-subtitle-1 b-subtitle-1 b-subtitle-1' 'b-subtitle-2 b-subtitle-2 b-subtitle-2' 'b-subtitle-3 b-subtitle-3 b-subtitle-3' 'b-text-1 b-text-1 b-text-1' 'b-text-2 b-text-2 b-text-2' '. . .' '. b-text-3 .' '. . .' 'b-button b-button b-button' '. . .';
    padding-left: 15px;
    padding-right: 15px;
}

.home-workshop-box-2 p {
    line-height: 1;
    margin: 3px;
}

.home-pricing-box-1 {
    grid-area: home-pricing-box-1;
    border-radius: 15px;
    border: 1px solid #f2f2f2;
    box-shadow: 1px 1px 20px #f0d0d0;
    display: grid;
    grid-template-columns: [title-bg-start content-bg-start] 1fr [title-bg-end content-bg-end];
    grid-template-rows: [title-bg-start] 20px auto 10px auto 30px [title-bg-end content-bg-start] 40px auto 5px auto 20px auto 40px [content-bg-end];
    grid-template-areas: '.' 'title-1' '.' 'title-2' '.' '.' 'text-1' '.' 'text-2' '.' 'button' '.';
}

.home-pricing-box-1 p {
    margin: 0px;
    padding: 0px;
    text-align: center;
    align-self: center;
}

/* LEGAL */
.legal-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(40px, auto) minmax(40px, auto) 50px minmax(40px, auto);
    grid-template-areas: 'sticky-bar' 'section-hero' 'section-text-1' '.' 'footer';
    margin-left: auto;
    margin-right: auto;
}

.legal-section-text-1 {
    grid-area: section-text-1;
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 50px auto 50px;
    grid-template-areas: '. . .' '. text-1 .' '. . .';
}

@media (min-width:900px) {
    .legal-section-text-1 {
        grid-template-columns: 1fr 3fr 1fr;
        grid-template-rows: 50px auto 50px;
        grid-template-areas: '. . .' '. text-1 .' '. . .';
    }
}

.legal-section-hero {
    grid-area: section-hero;
    display: grid;
    grid-template-columns: minmax(100px, auto);
    grid-template-rows: auto;
    grid-template-areas: 'header';
    border-bottom: 1px solid #c9c9c9;
}

/* REFERRAL */
.referral-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(40px, auto) minmax(40px, auto) 50px minmax(40px, auto);
    grid-template-areas: 'sticky-bar' 'section-hero' 'section-text-1' '.' 'footer';
    margin-left: auto;
    margin-right: auto;
}

.referral-section-text-1 {
    grid-area: section-text-1;
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 50px auto 50px;
    grid-template-areas: '. . .' '. text-1 .' '. . .';
}

@media (min-width:900px) {
    .referral-section-text-1 {
        grid-template-columns: 1fr 3fr 1fr;
        grid-template-rows: 50px auto 50px;
        grid-template-areas: '. . .' '. text-1 .' '. . .';
    }
}

.referral-section-hero {
    grid-area: section-hero;
    display: grid;
    grid-template-columns: minmax(100px, auto);
    grid-template-rows: auto;
    grid-template-areas: 'header';
    border-bottom: 1px solid #c9c9c9;
}

/* THANK-YOU */
.thank-you-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(40px, auto) minmax(40px, auto) 50px minmax(40px, auto);
    grid-template-areas: 'sticky-bar' 'section-hero' 'section-text-1' '.' 'footer';
    margin-left: auto;
    margin-right: auto;
}

.thank-you-section-text-1 {
    grid-area: section-text-1;
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 50px auto 50px;
    grid-template-areas: '. . .' '. text-1 .' '. . .';
}

@media (min-width:900px) {
    .thank-you-section-text-1 {
        grid-template-columns: 1fr 3fr 1fr;
        grid-template-rows: 50px auto 50px;
        grid-template-areas: '. . .' '. text-1 .' '. . .';
    }
}

.thank-you-section-hero {
    grid-area: section-hero;
    display: grid;
    grid-template-columns: minmax(100px, auto);
    grid-template-rows: auto;
    grid-template-areas: 'header';
    border-bottom: 1px solid #c9c9c9;
}

/* 404 */
.error-404-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(40px, auto) minmax(40px, auto) 50px minmax(40px, auto);
    grid-template-areas: 'sticky-bar' 'section-hero' 'section-text-1' '.' 'footer';
    margin-left: auto;
    margin-right: auto;
}

.error-404-section-text-1 {
    grid-area: section-text-1;
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 50px auto 50px;
    grid-template-areas: '. . .' '. text-1 .' '. . .';
}

@media (min-width:900px) {
    .error-404-section-text-1 {
        grid-template-columns: 1fr 3fr 1fr;
        grid-template-rows: 50px auto 50px;
        grid-template-areas: '. . .' '. text-1 .' '. . .';
    }
}

.error-404-section-hero {
    grid-area: section-hero;
    display: grid;
    grid-template-columns: minmax(100px, auto);
    grid-template-rows: auto;
    grid-template-areas: 'header';
    border-bottom: 1px solid #c9c9c9;
}

/* ABOUT */
.about-grid {
    display: grid;
    grid-template-columns: [section-2-bg-start section-tes-1-bg-start section-video-bg-start section-6-bg-start section-tes-2-bg-start section-tes-3-bg-start] 1fr [section-2-bg-end section-tes-1-bg-end section-video-bg-end section-6-bg-end section-tes-2-bg-end section-tes-3-bg-end];
    grid-template-rows: auto minmax(100px, auto) minmax(100px, auto) [section-video-bg-end section-6-bg-start] minmax(100px, auto) [section-tes-3-bg-start] minmax(100px, auto) 50px minmax(100px, auto);
    grid-template-areas: 'sticky-bar' 'section-hero' 'section-7' 'section-6' 'section-tes-3' '.' 'footer';
    margin-left: auto;
    margin-right: auto;
}

.about-section-hero {
    grid-area: section-hero;
    display: grid;
    grid-template-columns: [about-hero-bg-start] minmax(100px, auto) [about-hero-bg-end];
    grid-template-rows: [about-hero-bg-start] minmax(100px, auto) minmax(100px, auto) [about-hero-bg-start];
    grid-template-areas: 'header' 'about-hero-text';
}

.about-hero-text {
    grid-area: about-hero-text;
    display: grid;
    grid-template-columns: .2fr 1fr 1fr 1fr 1fr 1fr .2fr;
    grid-template-rows: 1px auto 15px auto 65px;
    grid-template-areas: '. . . . . . .' '. title title title title title .' '. . . . . . .' '. subtitle subtitle subtitle subtitle subtitle .' '. . . . . . .';
}

@media (min-width:600px) {
    .about-hero-text {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 1px auto 15px auto 65px;
        grid-template-areas: '. . . . . .' '. title title title title .' '. . . . . .' '. subtitle subtitle subtitle subtitle .' '. . . . . .';
    }
}

@media (min-width:900px) {
    .about-hero-text {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 1px auto 15px auto 65px;
        grid-template-areas: '. . . . . . .' '. title title title title title .' '. . . . . . .' '. subtitle subtitle subtitle subtitle subtitle .' '. . . . . . .';
    }
}

@media (min-width:1200px) {
    .about-hero-text {
        grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr 2fr;
        grid-template-rows: 1px auto 15px auto 65px;
        grid-template-areas: '. . . . . . .' '. title title title title title .' '. . . . . . .' '. subtitle subtitle subtitle subtitle subtitle .' '. . . . . . .';
    }
}

.about-hero-overlay {
    grid-area: about-hero-bg;
    background-color: #D1A49F;
    z-index: -1;
}

.about-hero-text-title {
    color: #fefefe;
    font-size: 40px;
    grid-area: title;
    align-self: center;
    text-align: center;
    font-weight: 100;
    margin: 0px;
}

.about-hero-text-subtitle {
    grid-area: subtitle;
    text-align: center;

    /* font-style: italic */
    color: #ffffff;
    font-size: 1.25em;
    align-self: center;
    font-weight: 100;
    margin: 0px;
}

.about-section-tes-3 {
    font-size: 1.3em;
    grid-area: section-tes-3;
    display: grid;
    grid-template-columns: 50px 100px 1fr 50px;
    grid-template-rows: 50px auto 40px auto 10px auto 50px;
    grid-template-areas: '. . . .' '. icon icon .' '. . . .' '. quote quote .' '. . . .' '. quote-author quote-author .' '. . . .';
}

@media (min-width:600px) {
    .about-section-tes-3 {
        grid-template-columns: 1fr 100px 1fr 1fr 1fr;
        grid-template-rows: 50px auto 40px auto 10px auto 50px;
        grid-template-areas: '. . . . .' '. icon icon icon .' '. . . . .' '. quote quote quote .' '. . . . .' '. quote-author quote-author quote-author .' '. . . . .';
    }
}

.about-section-tes-3-bg {
    background-color: #fcf7f7;
    grid-area: section-tes-3-bg;
}

.about-section-6 {
    grid-area: section-6;
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 75px auto auto auto auto 40px auto 75px;
    grid-template-areas: '. . .' '. title .' '. text-1 .' '. text-2 .' '. text-3 .' '. . .' '. profile-picture .' '. . .';
}

@media (min-width:900px) {
    .about-section-6 {
        grid-template-columns: 1fr 3fr 1fr;
        grid-template-rows: 75px auto auto auto auto 40px auto 75px;
        grid-template-areas: '. . .' '. title .' '. text-1 .' '. text-2 .' '. text-3 .' '. . .' '. profile-picture .' '. . .';
    }
}

.about-section-6 p {
    font-size: 1.2em;
    font-weight: 100;
    text-align: left;
}

.about-section-6-bg {
    background-color: #fcf7f7;
    grid-area: section-6-bg;
}

.about-section-7 {
    grid-area: section-7;
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 65px auto auto 50px auto auto 50px;
    grid-template-areas: '. . .' '. title .' '. text-1 .' '. . .' '. title-2 .' '. text-2 .' '. . .';
}

@media (min-width:900px) {
    .about-section-7 {
        grid-template-columns: 1fr 3fr 1fr;
        grid-template-rows: 65px auto auto 50px auto auto 50px;
        grid-template-areas: '. . .' '. title .' '. text-1 .' '. . .' '. title-2 .' '. text-2 .' '. . .';
        display: grid;
    }
}

.about-section-7 p {
    font-size: 1.2em;
    font-weight: 100;
    text-align: left;
}

.about-profile-picture-1 {
    grid-area: profile-picture;
}

/* STORIES */
.stories-grid {
    display: grid;
    grid-template-columns: [section-2-bg-start section-tes-1-bg-start section-video-bg-start section-6-bg-start section-tes-2-bg-start section-tes-3-bg-start] 1fr [section-2-bg-end section-tes-1-bg-end section-video-bg-end section-6-bg-end section-tes-2-bg-end section-tes-3-bg-end];
    grid-template-rows: auto minmax(100px, auto) minmax(100px, auto) [section-tes-3-bg-start] minmax(100px, auto) 50px minmax(100px, auto);
    grid-template-areas: 'sticky-bar' 'section-hero' 'section-7' 'section-tes-3' '.' 'footer';
    margin-left: auto;
    margin-right: auto;
}

.stories-section-hero {
    grid-area: section-hero;
    display: grid;
    grid-template-columns: [stories-hero-bg-start] minmax(100px, auto) [stories-hero-bg-end];
    grid-template-rows: [stories-hero-bg-start] minmax(100px, auto) minmax(100px, auto) [stories-hero-bg-start];
    grid-template-areas: 'header' 'stories-hero-text';
}

.stories-hero-text {
    grid-area: stories-hero-text;
    display: grid;
    grid-template-columns: .2fr 1fr 1fr 1fr 1fr 1fr .2fr;
    grid-template-rows: 1px auto 15px auto 65px;
    grid-template-areas: '. . . . . . .' '. title title title title title .' '. . . . . . .' '. subtitle subtitle subtitle subtitle subtitle .' '. . . . . . .';
}

@media (min-width:600px) {
    .stories-hero-text {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 1px auto 15px auto 65px;
        grid-template-areas: '. . . . . .' '. title title title title .' '. . . . . .' '. subtitle subtitle subtitle subtitle .' '. . . . . .';
    }
}

@media (min-width:900px) {
    .stories-hero-text {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 1px auto 15px auto 65px;
        grid-template-areas: '. . . . . . .' '. title title title title title .' '. . . . . . .' '. subtitle subtitle subtitle subtitle subtitle .' '. . . . . . .';
    }
}

@media (min-width:1200px) {
    .stories-hero-text {
        grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr 2fr;
        grid-template-rows: 1px auto 15px auto 65px;
        grid-template-areas: '. . . . . . .' '. title title title title title .' '. . . . . . .' '. subtitle subtitle subtitle subtitle subtitle .' '. . . . . . .';
    }
}

.stories-hero-overlay {
    grid-area: stories-hero-bg;
    background-color: #D1A49F;
    z-index: -1;
}

.stories-hero-text-title {
    color: #fefefe;
    font-size: 40px;
    grid-area: title;
    align-self: center;
    text-align: center;
    font-weight: 100;
    margin: 0px;
}

.stories-hero-text-subtitle {
    grid-area: subtitle;
    text-align: center;

    /* font-style: italic */
    color: #ffffff;
    font-size: 1.25em;
    align-self: center;
    font-weight: 100;
    margin: 0px;
}

.stories-section-tes-3 {
    font-size: 1.3em;
    grid-area: section-tes-3;
    display: grid;
    grid-template-columns: 50px 100px 1fr 50px;
    grid-template-rows: 50px auto 40px auto 10px auto 50px;
    grid-template-areas: '. . . .' '. icon icon .' '. . . .' '. quote quote .' '. . . .' '. quote-author quote-author .' '. . . .';
}

@media (min-width:600px) {
    .stories-section-tes-3 {
        grid-template-columns: 1fr 100px 1fr 1fr 1fr;
        grid-template-rows: 50px auto 40px auto 10px auto 50px;
        grid-template-areas: '. . . . .' '. icon icon icon .' '. . . . .' '. quote quote quote .' '. . . . .' '. quote-author quote-author quote-author .' '. . . . .';
    }
}

.stories-section-tes-3-bg {
    background-color: #fcf7f7;
    grid-area: section-tes-3-bg;
}

.stories-section-6 {
    grid-area: section-6;
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 75px auto auto auto auto 40px auto 75px;
    grid-template-areas: '. . .' '. title .' '. text-1 .' '. text-2 .' '. text-3 .' '. . .' '. profile-picture .' '. . .';
}

@media (min-width:900px) {
    .stories-section-6 {
        grid-template-columns: 1fr 3fr 1fr;
        grid-template-rows: 75px auto auto auto auto 40px auto 75px;
        grid-template-areas: '. . .' '. title .' '. text-1 .' '. text-2 .' '. text-3 .' '. . .' '. profile-picture .' '. . .';
    }
}

.stories-section-6 p {
    font-size: 1.2em;
    font-weight: 100;
    text-align: left;
}

.stories-section-6-bg {
    background-color: #fcf7f7;
    grid-area: section-6-bg;
}

.stories-section-7 {
    grid-area: section-7;
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 65px auto 80px auto auto 3em auto auto 3em auto auto 50px;
    grid-template-areas: '. . .' '. toc .' '. . .' '. title .' '. text-1 .' '. . .' '. title-2 .' '. text-2 .' '. . .' '. title-3 .' '. text-3 .' '. . .';
}

@media (min-width:900px) {
    .stories-section-7 {
        grid-template-columns: 1fr 3fr 1fr;
        grid-template-rows: 65px auto 80px auto auto 5em auto auto 5em auto auto 50px;
        grid-template-areas: '. . .' '. toc .' '. . .' '. title .' '. text-1 .' '. . .' '. title-2 .' '. text-2 .' '. . .' '. title-3 .' '. text-3 .' '. . .';
        display: grid;
    }
}

.stories-section-7 p {
    font-size: 1.2em;
    font-weight: 100;
    text-align: left;
}

.stories-profile-picture-1 {
    grid-area: profile-picture;
}

.stories-back-to-top {
    font-size: .9em;
    font-weight: 300;
    text-decoration: underline;
}

.stories-answer-title {
    margin-top: 25px;
    font-weight: 400;
    display: block;
}

/* FAQ */
.faq-grid {
    display: grid;
    grid-template-columns: [section-2-bg-start section-tes-1-bg-start section-video-bg-start section-6-bg-start section-tes-2-bg-start section-tes-3-bg-start] 1fr [section-2-bg-end section-tes-1-bg-end section-video-bg-end section-6-bg-end section-tes-2-bg-end section-tes-3-bg-end];
    grid-template-rows: auto minmax(100px, auto) minmax(100px, auto) [section-tes-3-bg-start] minmax(100px, auto) 50px minmax(100px, auto);
    grid-template-areas: 'sticky-bar' 'section-hero' 'section-7' 'section-tes-3' '.' 'footer';
    margin-left: auto;
    margin-right: auto;
}

.faq-section-hero {
    grid-area: section-hero;
    display: grid;
    grid-template-columns: [faq-hero-bg-start] minmax(100px, auto) [faq-hero-bg-end];
    grid-template-rows: [faq-hero-bg-start] minmax(100px, auto) minmax(100px, auto) [faq-hero-bg-start];
    grid-template-areas: 'header' 'faq-hero-text';
}

.faq-hero-text {
    grid-area: faq-hero-text;
    display: grid;
    grid-template-columns: .2fr 1fr 1fr 1fr 1fr 1fr .2fr;
    grid-template-rows: 1px auto 15px auto 65px;
    grid-template-areas: '. . . . . . .' '. title title title title title .' '. . . . . . .' '. subtitle subtitle subtitle subtitle subtitle .' '. . . . . . .';
}

@media (min-width:600px) {
    .faq-hero-text {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 1px auto 15px auto 65px;
        grid-template-areas: '. . . . . .' '. title title title title .' '. . . . . .' '. subtitle subtitle subtitle subtitle .' '. . . . . .';
    }
}

@media (min-width:900px) {
    .faq-hero-text {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 1px auto 15px auto 65px;
        grid-template-areas: '. . . . . . .' '. title title title title title .' '. . . . . . .' '. subtitle subtitle subtitle subtitle subtitle .' '. . . . . . .';
    }
}

@media (min-width:1200px) {
    .faq-hero-text {
        grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr 2fr;
        grid-template-rows: 1px auto 15px auto 65px;
        grid-template-areas: '. . . . . . .' '. title title title title title .' '. . . . . . .' '. subtitle subtitle subtitle subtitle subtitle .' '. . . . . . .';
    }
}

.faq-hero-overlay {
    grid-area: faq-hero-bg;
    background-color: #D1A49F;
    z-index: -1;
}

.faq-hero-text-title {
    color: #fefefe;
    font-size: 40px;
    grid-area: title;
    align-self: center;
    text-align: center;
    font-weight: 100;
    margin: 0px;
}

.faq-hero-text-subtitle {
    grid-area: subtitle;
    text-align: center;

    /* font-style: italic */
    color: #ffffff;
    font-size: 1.25em;
    align-self: center;
    font-weight: 100;
    margin: 0px;
}

.faq-section-tes-3 {
    font-size: 1.3em;
    grid-area: section-tes-3;
    display: grid;
    grid-template-columns: 50px 100px 1fr 50px;
    grid-template-rows: 50px auto 40px auto 10px auto 50px;
    grid-template-areas: '. . . .' '. icon icon .' '. . . .' '. quote quote .' '. . . .' '. quote-author quote-author .' '. . . .';
}

@media (min-width:600px) {
    .faq-section-tes-3 {
        grid-template-columns: 1fr 100px 1fr 1fr 1fr;
        grid-template-rows: 50px auto 40px auto 10px auto 50px;
        grid-template-areas: '. . . . .' '. icon icon icon .' '. . . . .' '. quote quote quote .' '. . . . .' '. quote-author quote-author quote-author .' '. . . . .';
    }
}

.faq-section-tes-3-bg {
    background-color: #fcf7f7;
    grid-area: section-tes-3-bg;
}

.faq-section-6 {
    grid-area: section-6;
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 75px auto auto auto auto 40px auto 75px;
    grid-template-areas: '. . .' '. title .' '. text-1 .' '. text-2 .' '. text-3 .' '. . .' '. profile-picture .' '. . .';
}

@media (min-width:900px) {
    .faq-section-6 {
        grid-template-columns: 1fr 3fr 1fr;
        grid-template-rows: 75px auto auto auto auto 40px auto 75px;
        grid-template-areas: '. . .' '. title .' '. text-1 .' '. text-2 .' '. text-3 .' '. . .' '. profile-picture .' '. . .';
    }
}

.faq-section-6 p {
    font-size: 1.2em;
    font-weight: 100;
    text-align: left;
}

.faq-section-6-bg {
    background-color: #fcf7f7;
    grid-area: section-6-bg;
}

.faq-section-7 {
    grid-area: section-7;
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 65px auto 5em auto auto 5em auto auto 50px;
    grid-template-areas: '. . .' '. toc .' '. . .' '. title .' '. text-1 .' '. . .' '. title-2 .' '. text-2 .' '. . .';
}

@media (min-width:900px) {
    .faq-section-7 {
        grid-template-columns: 1fr 3fr 1fr;
        grid-template-rows: 65px auto 5em auto auto 5em auto auto 50px;
        grid-template-areas: '. . .' '. toc .' '. . .' '. title .' '. text-1 .' '. . .' '. title-2 .' '. text-2 .' '. . .';
        display: grid;
    }
}

.faq-section-7 p {
    font-size: 1.2em;
    font-weight: 100;
    text-align: left;
}

.faq-profile-picture-1 {
    grid-area: profile-picture;
}

.faq-back-to-top {
    font-size: .9em;
    font-weight: 300;
    text-decoration: underline;
    font-style: italic;
}

.faq-answer-title {
    margin-top: 25px;
    font-weight: 400;
    display: block;
}

.faq-toc-item {
}

/* TRAINING */
.training-grid {
    display: grid;
    grid-template-columns: [section-2-bg-start section-tes-1-bg-start section-video-bg-start section-6-bg-start section-tes-2-bg-start section-tes-3-bg-start] 1fr [section-2-bg-end section-tes-1-bg-end section-video-bg-end section-6-bg-end section-tes-2-bg-end section-tes-3-bg-end];
    grid-template-rows: auto minmax(100px, auto) minmax(100px, auto) [section-tes-3-bg-start] minmax(100px, auto) minmax(100px, auto);
    grid-template-areas: 'sticky-bar' 'section-hero' 'section-options' 'section-tes-3' 'footer';
    margin-left: auto;
    margin-right: auto;
}

.training-section-hero {
    grid-area: section-hero;
    display: grid;
    grid-template-columns: [training-hero-bg-start] minmax(100px, auto) [training-hero-bg-end];
    grid-template-rows: [training-hero-bg-start] minmax(100px, auto) minmax(100px, auto) [training-hero-bg-end];
    grid-template-areas: 'header' 'training-hero-text';
}

.training-hero-text {
    grid-area: training-hero-text;
    display: grid;
    grid-template-columns: 50px minmax(100px, 900px) 50px;
    grid-template-rows: 1px auto 15px auto 65px;
    grid-template-areas: '. . .' '. title .' '. . .' '. subtitle .' '. . .';
}

@media (min-width:600px) {
    .training-hero-text {
        grid-template-columns: 1fr minmax(100px, 500px) 1fr;
        grid-template-rows: 1px auto 15px auto 65px;
        grid-template-areas: '. . .' '. title .' '. . .' '. subtitle .' '. . .';
    }
}

@media (min-width:900px) {
    .training-hero-text {
        grid-template-columns: 1fr minmax(100px, 700px) 1fr;
        grid-template-rows: 1px auto 15px auto 65px;
        grid-template-areas: '. . .' '. title .' '. . .' '. subtitle .' '. . .';
    }
}

.training-hero-overlay {
    grid-area: training-hero-bg;
    background-color: #D1A49F;
    z-index: -1;
}

.training-hero-text-title {
    color: #fefefe;
    font-size: 40px;
    grid-area: title;
    align-self: center;
    text-align: center;
    font-weight: 100;
    margin: 0px;
}

.training-hero-text-subtitle {
    grid-area: subtitle;
    text-align: center;

    /* font-style: italic */
    color: #ffffff;
    font-size: 1.25em;
    align-self: center;
    font-weight: 100;
    margin: 0px;
}

.training-section-tes-3 {
    font-size: 1.3em;
    grid-area: section-tes-3;
    display: grid;
    grid-template-columns: 50px 100px 1fr 50px;
    grid-template-rows: 50px auto 40px auto 10px auto 80px;
    grid-template-areas: '. . . .' '. icon icon .' '. . . .' '. quote quote .' '. . . .' '. quote-author quote-author .' '. . . .';
}

@media (min-width:600px) {
    .training-section-tes-3 {
        grid-template-columns: 1fr 100px 1fr 1fr 1fr;
        grid-template-rows: 50px auto 40px auto 10px auto 80px;
        grid-template-areas: '. . . . .' '. icon icon icon .' '. . . . .' '. quote quote quote .' '. . . . .' '. quote-author quote-author quote-author .' '. . . . .';
    }
}

.training-section-tes-3-bg {
    background-color: #fcf7f7;
    grid-area: section-tes-3-bg;
}

.training-section-options {
    font-size: 1.3em;
    grid-area: section-options;
    display: grid;
    grid-template-columns: 10px 1fr 10px;
    grid-template-rows: 50px auto 80px auto 50px;
    grid-template-areas: '. . .' '. options-box-1 .' '. . .' '. options-box-2 .' '. . .';
}

@media (min-width:600px) {
    .training-section-options {
        grid-template-columns: 1fr minmax(100px, 600px) 1fr;
        grid-template-rows: 50px auto 80px auto 50px;
        grid-template-areas: '. . .' '. options-box-1 .' '. . .' '. options-box-2 .' '. . .';
    }
}

.training-options-box-1 {
    grid-area: options-box-1;

    /* border-radius: 5px */
    border: 1px solid #d5d5d5;

    /* box-shadow: 1px 1px 20px #f0d0d0 */
    display: grid;
    grid-template-columns: [title-bg-start content-bg-start] 1fr minmax(250px, 400px) 1fr;
    grid-template-rows: [title-bg-start] 30px auto 10px [title-bg-end content-bg-start] 50px auto auto auto 30px auto 50px auto auto auto 30px auto 50px [content-bg-end];
    grid-template-areas: '. . .' 'title-1 title-1 title-1' '. . .' '. . .' 'subtitle-1 subtitle-1 subtitle-1' 'subtitle-2 subtitle-2 subtitle-2' '. text-1 .' '. . .' 'button button button' '. . .' 'b-subtitle-1 b-subtitle-1 b-subtitle-1' 'b-subtitle-2 b-subtitle-2 b-subtitle-2' '. b-text-1 .' '. . .' 'b-button b-button b-button' '. . .';
    padding-left: 30px;
    padding-right: 30px;
}

.training-options-box-1 p {
    line-height: 1;
    margin: 3px;
}

.training-options-box-2 {
    grid-area: options-box-2;
    border: 1px solid #d5d5d5;

    /* box-shadow: 1px 1px 20px #f0d0d0 */
    display: grid;
    grid-template-columns: [title-bg-start content-bg-start] 1fr minmax(250px, 400px) 1fr;
    grid-template-rows: [title-bg-start] 30px auto 10px [title-bg-end content-bg-start] 50px auto auto auto 30px auto 50px auto auto auto 30px auto 50px auto auto auto 30px auto 50px auto auto auto 30px auto 50px [content-bg-end];
    grid-template-areas: '. . .' 'title-1 title-1 title-1' '. . .' '. . .' 'subtitle-1 subtitle-1 subtitle-1' 'subtitle-2 subtitle-2 subtitle-2' '. text-1 .' '. . .' 'button button button' '. . .' 'b-subtitle-1 b-subtitle-1 b-subtitle-1' 'b-subtitle-2 b-subtitle-2 b-subtitle-2' '. b-text-1 .' '. . .' 'b-button b-button b-button' '. . .' 'c-subtitle-1 c-subtitle-1 c-subtitle-1' 'c-subtitle-2 c-subtitle-2 c-subtitle-2' '. c-text-1 .' '. . .' 'c-button c-button c-button' '. . .' 'd-subtitle-1 d-subtitle-1 d-subtitle-1' 'd-subtitle-2 d-subtitle-2 d-subtitle-2' '. d-text-1 .' '. . .' 'd-button d-button d-button' '. . .';
    padding-left: 30px;
    padding-right: 30px;
}

.training-options-box-2 p {
    line-height: 1;
    margin: 3px;
}

/* COACHING */
.coaching-grid {
    display: grid;
    grid-template-columns: [section-2-bg-start section-tes-1-bg-start section-video-bg-start section-6-bg-start section-tes-2-bg-start section-tes-3-bg-start] 1fr [section-2-bg-end section-tes-1-bg-end section-video-bg-end section-6-bg-end section-tes-2-bg-end section-tes-3-bg-end];
    grid-template-rows: auto minmax(100px, auto) minmax(100px, auto) [section-tes-3-bg-start] minmax(100px, auto) minmax(100px, auto);
    grid-template-areas: 'sticky-bar' 'section-hero' 'section-options' 'section-tes-3' 'footer';
    margin-left: auto;
    margin-right: auto;
}

.coaching-section-hero {
    grid-area: section-hero;
    display: grid;
    grid-template-columns: [coaching-hero-bg-start] minmax(100px, auto) [coaching-hero-bg-end];
    grid-template-rows: [coaching-hero-bg-start] minmax(100px, auto) minmax(100px, auto) [coaching-hero-bg-end];
    grid-template-areas: 'header' 'coaching-hero-text';
}

.coaching-hero-text {
    grid-area: coaching-hero-text;
    display: grid;
    grid-template-columns: 50px minmax(100px, 900px) 50px;
    grid-template-rows: 1px auto 15px auto 65px;
    grid-template-areas: '. . .' '. title .' '. . .' '. subtitle .' '. . .';
}

@media (min-width:600px) {
    .coaching-hero-text {
        grid-template-columns: 1fr minmax(100px, 500px) 1fr;
        grid-template-rows: 1px auto 15px auto 65px;
        grid-template-areas: '. . .' '. title .' '. . .' '. subtitle .' '. . .';
    }
}

@media (min-width:900px) {
    .coaching-hero-text {
        grid-template-columns: 1fr minmax(100px, 700px) 1fr;
        grid-template-rows: 1px auto 15px auto 65px;
        grid-template-areas: '. . .' '. title .' '. . .' '. subtitle .' '. . .';
    }
}

.coaching-hero-overlay {
    grid-area: coaching-hero-bg;
    background-color: #D1A49F;
    z-index: -1;
}

.coaching-hero-text-title {
    color: #fefefe;
    font-size: 40px;
    grid-area: title;
    align-self: center;
    text-align: center;
    font-weight: 100;
    margin: 0px;
}

.coaching-hero-text-subtitle {
    grid-area: subtitle;
    text-align: center;

    /* font-style: italic */
    color: #ffffff;
    font-size: 1.25em;
    align-self: center;
    font-weight: 100;
    margin: 0px;
}

.coaching-section-tes-3 {
    font-size: 1.3em;
    grid-area: section-tes-3;
    display: grid;
    grid-template-columns: 50px 100px 1fr 50px;
    grid-template-rows: 50px auto 40px auto 5px auto 50px auto 5px auto 50px auto 5px auto 80px;
    grid-template-areas: '. . . .' '. icon icon .' '. . . .' '. quote quote .' '. . . .' '. quote-author quote-author .' '. . . .' '. quote-2 quote-2 .' '. . . .' '. quote-author-2 quote-author-2 .' '. . . .' '. quote-3 quote-3 .' '. . . .' '. quote-author-3 quote-author-3 .' '. . . .';
}

@media (min-width:600px) {
    .coaching-section-tes-3 {
        grid-template-columns: 1fr 100px 1fr 1fr 1fr;
        grid-template-rows: 50px auto 40px auto 5px auto 50px auto 5px auto 50px auto 5px auto 80px;
        grid-template-areas: '. . . . .' '. icon icon icon .' '. . . . .' '. quote quote quote .' '. . . . .' '. quote-author quote-author quote-author .' '. . . . .' '. quote-2 quote-2 quote-2 .' '. . . . .' '. quote-author-2 quote-author-2 quote-author-2 .' '. . . . .' '. quote-3 quote-3 quote-3 .' '. . . . .' '. quote-author-3 quote-author-3 quote-author-3 .' '. . . . .';
        display: grid;
    }
}

.coaching-section-tes-3-bg {
    background-color: #fcf7f7;
    grid-area: section-tes-3-bg;
}

.coaching-section-options {
    font-size: 1.3em;
    grid-area: section-options;
    display: grid;
    grid-template-columns: 10px 1fr 10px;
    grid-template-rows: 50px auto 50px auto 50px auto 50px auto 100px;
    grid-template-areas: '. . .' '. options-box-745 .' '. . .' '. options-box-523 .' '. . .' '. options-box-320 .' '. . .' '. options-box-425 .' '. . .';
}

@media (min-width:600px) {
    .coaching-section-options {
        grid-template-columns: 1fr minmax(100px, 400px) .5fr minmax(100px, 400px) 1fr;
        grid-template-rows: 80px auto 80px auto 80px auto 80px auto 150px;
        grid-template-areas: '. . . . .' '. options-box-745 options-box-745 options-box-745 .' '. . . . .' '. options-box-523 options-box-523 options-box-523 .' '. . . . .' '. options-box-320 options-box-320 options-box-320 .' '. . . . .' '. options-box-425 options-box-425 options-box-425 .' '. . . . .';
        display: grid;
    }
}

.coaching-options-745 {
    grid-area: options-box-745;

    /* border-radius: 5px */
    border: 1px solid #d5d5d5;

    /* box-shadow: 1px 1px 20px #f0d0d0 */
    display: grid;
    grid-template-columns: 1fr minmax(250px, 700px) 1fr;
    grid-template-rows: 30px auto auto auto 30px auto 50px;
    grid-template-areas: '. . .' 'subtitle-1 subtitle-1 subtitle-1' 'subtitle-2 subtitle-2 subtitle-2' '. text-1 .' '. . .' 'button button button' '. . .';
    padding-left: 30px;
    padding-right: 30px;
}

.coaching-options-523 {
    grid-area: options-box-523;

    /* border-radius: 5px */
    border: 1px solid #d5d5d5;

    /* box-shadow: 1px 1px 20px #f0d0d0 */
    display: grid;
    grid-template-columns: 1fr minmax(250px, 600px) 1fr;
    grid-template-rows: 30px auto auto auto 30px auto 50px;
    grid-template-areas: '. . .' 'subtitle-1 subtitle-1 subtitle-1' 'subtitle-2 subtitle-2 subtitle-2' '. text-1 .' '. . .' 'button button button' '. . .';
    padding-left: 30px;
    padding-right: 30px;
}

.coaching-options-523 p {
    line-height: 1;
    margin: 3px;
}

.coaching-options-320 {
    grid-area: options-box-320;

    /* border-radius: 5px */
    border: 1px solid #d5d5d5;

    /* box-shadow: 1px 1px 20px #f0d0d0 */
    display: grid;
    grid-template-columns: 1fr minmax(250px, 700px) 1fr;
    grid-template-rows: 30px auto auto auto 30px auto 50px;
    grid-template-areas: '. . .' 'subtitle-1 subtitle-1 subtitle-1' 'subtitle-2 subtitle-2 subtitle-2' '. text-1 .' '. . .' 'button button button' '. . .';
    padding-left: 30px;
    padding-right: 30px;
}

.coaching-options-320 p {
    line-height: 1;
    margin: 3px;
}

.coaching-options-523 {
    grid-area: options-box-523;
    border: 1px solid #d5d5d5;

    /* box-shadow: 1px 1px 20px #f0d0d0 */
    display: grid;
    grid-template-columns: 1fr minmax(250px, 700px) 1fr;
    grid-template-rows: 30px auto auto auto 30px auto 50px;
    grid-template-areas: '. . .' 'subtitle-1 subtitle-1 subtitle-1' 'subtitle-2 subtitle-2 subtitle-2' '. text-1 .' '. . .' 'button button button' '. . .';
    padding-left: 30px;
    padding-right: 30px;
}

.coaching-options-523 p {
    line-height: 1;
    margin: 3px;
}

.coaching-options-425 {
    grid-area: options-box-425;
    border: 1px solid #d5d5d5;

    /* box-shadow: 1px 1px 20px #f0d0d0 */
    display: grid;
    grid-template-columns: 1fr minmax(250px, 700px) 1fr;
    grid-template-rows: 30px auto auto auto 30px auto 50px;
    grid-template-areas: '. . .' 'subtitle-1 subtitle-1 subtitle-1' 'subtitle-2 subtitle-2 subtitle-2' '. text-1 .' '. . .' 'button button button' '. . .';
    padding-left: 30px;
    padding-right: 30px;
}

.coaching-options-425 p {
    line-height: 1;
    margin: 3px;
}

.coaching-options-750 {
    grid-area: options-box-2;
    border: 1px solid #d5d5d5;

    /* box-shadow: 1px 1px 20px #f0d0d0 */
    display: grid;
    grid-template-columns: 1fr minmax(250px, 600px) 1fr;
    grid-template-rows: 30px auto auto auto 30px auto 50px;
    grid-template-areas: '. . .' 'subtitle-1 subtitle-1 subtitle-1' 'subtitle-2 subtitle-2 subtitle-2' '. text-1 .' '. . .' 'button button button' '. . .';
    padding-left: 30px;
    padding-right: 30px;
}

.coaching-options-750 p {
    line-height: 1;
    margin: 3px;
}

.coaching-options-280 {
    grid-area: options-box-4;
    border: 1px solid #d5d5d5;

    /* box-shadow: 1px 1px 20px #f0d0d0 */
    display: grid;
    grid-template-columns: 1fr minmax(250px, 600px) 1fr;
    grid-template-rows: 30px auto auto auto 30px auto 50px;
    grid-template-areas: '. . .' 'subtitle-1 subtitle-1 subtitle-1' 'subtitle-2 subtitle-2 subtitle-2' '. text-1 .' '. . .' 'button button button' '. . .';
    padding-left: 30px;
    padding-right: 30px;
}

.coaching-options-280 p {
    line-height: 1;
    margin: 3px;
}

/* CONTACT */
.contact-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(40px, auto) minmax(40px, auto) 50px minmax(40px, auto);
    grid-template-areas: 'sticky-bar' 'section-hero' 'section-text-1' '.' 'footer';
    margin-left: auto;
    margin-right: auto;
}

.contact-section-text-1 {
    grid-area: section-text-1;
    display: grid;
    grid-template-columns: 50px minmax(100px, 400px) 50px;
    grid-template-rows: 50px auto 20px auto 50px;
    grid-template-areas: '. . .' '. text-1 .' '. . .' '. contact-form .' '. . .';
}

@media (min-width:900px) {
    .contact-section-text-1 {
        grid-template-columns: 1fr minmax(100px, 400px) 1fr;
        grid-template-rows: 50px auto 20px auto 50px;
        grid-template-areas: '. . .' '. text-1 .' '. . .' '. contact-form .' '. . .';
        display: grid;
    }
}

.contact-section-hero {
    grid-area: section-hero;
    display: grid;
    grid-template-columns: [hero-bg-start] minmax(100px, auto) [hero-bg-end];
    grid-template-rows: [hero-bg-start] auto [hero-bg-end];
    grid-template-areas: 'header';
    border-bottom: 1px solid #c9c9c9;
}

.contact-hero-overlay {
    grid-area: hero-bg;
    background-color: #e17b4d;
    z-index: -1;
}

form input[name=COMPANYWEB],
form input[name=FUNNEL_STATUS],
form input[name=_honey] {
    display: none;
    height: 0px;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

/* DL-GO */
.dl-go-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(40px, auto) minmax(40px, auto) 50px minmax(40px, auto);
    grid-template-areas: 'sticky-bar' 'section-hero' 'section-text-1' '.' 'footer';
    margin-left: auto;
    margin-right: auto;
}

.dl-go-section-text-1 {
    grid-area: section-text-1;
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 50px auto 50px;
    grid-template-areas: '. . .' '. text-1 .' '. . .';
}

@media (min-width:900px) {
    .dl-go-section-text-1 {
        grid-template-columns: 1fr 3fr 1fr;
        grid-template-rows: 50px auto 50px;
        grid-template-areas: '. . .' '. text-1 .' '. . .';
    }
}

.dl-go-section-hero {
    grid-area: section-hero;
    display: grid;
    grid-template-columns: [hero-bg-start] minmax(100px, auto) [hero-bg-end];
    grid-template-rows: [hero-bg-start] auto [hero-bg-end];
    grid-template-areas: 'header';
    border-bottom: 1px solid #c9c9c9;
}

.dl-go-hero-overlay {
    grid-area: hero-bg;
    background-color: #e17b4d;
    z-index: -1;
}

.dl-go-notification-box {
    grid-area: text-1;

    /* background-color: #ffb993 */
    text-align: center;
    padding: 30px;
}

/* PROFILE-CONFIRM */
.profile-confirm-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(40px, auto) minmax(40px, auto) 50px minmax(40px, auto);
    grid-template-areas: 'sticky-bar' 'section-hero' 'section-text-1' '.' 'footer';
    margin-left: auto;
    margin-right: auto;
}

.profile-confirm-section-text-1 {
    grid-area: section-text-1;
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 50px auto 50px;
    grid-template-areas: '. . .' '. text-1 .' '. . .';
}

@media (min-width:900px) {
    .profile-confirm-section-text-1 {
        grid-template-columns: 1fr 3fr 1fr;
        grid-template-rows: 50px auto 50px;
        grid-template-areas: '. . .' '. text-1 .' '. . .';
    }
}

.profile-confirm-section-hero {
    grid-area: section-hero;
    display: grid;
    grid-template-columns: [hero-bg-start] minmax(100px, auto) [hero-bg-end];
    grid-template-rows: [hero-bg-start] auto [hero-bg-end];
    grid-template-areas: 'header';
    border-bottom: 1px solid #c9c9c9;
}

.profile-confirm-hero-overlay {
    grid-area: hero-bg;
    background-color: #e17b4d;
    z-index: -1;
}

.profile-confirm-notification-box {
    grid-area: text-1;
    background-color: #afcfcf;
    text-align: center;
    padding: 30px;
}

/* PROFILE-UNSUBSCRIBE */
.profile-unsubscribe-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(40px, auto) minmax(40px, auto) 50px minmax(40px, auto);
    grid-template-areas: 'sticky-bar' 'section-hero' 'section-text-1' '.' 'footer';
    margin-left: auto;
    margin-right: auto;
}

.profile-unsubscribe-section-text-1 {
    grid-area: section-text-1;
    display: grid;
    grid-template-columns: 50px minmax(100px, 400px) 50px;
    grid-template-rows: 50px auto 30px auto 50px auto 50px;
    grid-template-areas: '. . .' '. text-1 .' '. . .' '. form-1 .' '. . .' '. form-2 .' '. . .';
}

@media (min-width:900px) {
    .profile-unsubscribe-section-text-1 {
        grid-template-columns: 1fr minmax(100px, 400px) 1fr;
        grid-template-rows: 50px auto 30px auto 50px auto 50px;
        grid-template-areas: '. . .' '. text-1 .' '. . .' '. form-1 .' '. . .' '. form-2 .' '. . .';
    }
}

.profile-unsubscribe-section-hero {
    grid-area: section-hero;
    display: grid;
    grid-template-columns: [hero-bg-start] minmax(100px, auto) [hero-bg-end];
    grid-template-rows: [hero-bg-start] auto [hero-bg-end];
    grid-template-areas: 'header';
    border-bottom: 1px solid #c9c9c9;
}

.profile-unsubscribe-hero-overlay {
    grid-area: hero-bg;
    background-color: #e17b4d;
    z-index: -1;
}

/* PROFILE-UPDATE-ALL */
.profile-update-all-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(40px, auto) minmax(40px, auto) 50px minmax(40px, auto);
    grid-template-areas: 'sticky-bar' 'section-hero' 'section-text-1' '.' 'footer';
    margin-left: auto;
    margin-right: auto;
}

.profile-update-all-section-text-1 {
    grid-area: section-text-1;
    display: grid;
    grid-template-columns: 50px minmax(100px, 400px) 50px;
    grid-template-rows: 50px auto 30px auto 50px auto 50px;
    grid-template-areas: '. . .' '. text-1 .' '. . .' '. form-1 .' '. . .' '. form-2 .' '. . .';
}

@media (min-width:900px) {
    .profile-update-all-section-text-1 {
        grid-template-columns: 1fr minmax(100px, 400px) 1fr;
        grid-template-rows: 50px auto 30px auto 50px auto 50px;
        grid-template-areas: '. . .' '. text-1 .' '. . .' '. form-1 .' '. . .' '. form-2 .' '. . .';
    }
}

.profile-update-all-section-hero {
    grid-area: section-hero;
    display: grid;
    grid-template-columns: [hero-bg-start] minmax(100px, auto) [hero-bg-end];
    grid-template-rows: [hero-bg-start] auto [hero-bg-end];
    grid-template-areas: 'header';
    border-bottom: 1px solid #c9c9c9;
}

.profile-update-all-hero-overlay {
    grid-area: hero-bg;
    background-color: #e17b4d;
    z-index: -1;
}

/* PROFILE-UPDATE-EMAIL */
.profile-update-email-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(40px, auto) minmax(40px, auto) 50px minmax(40px, auto);
    grid-template-areas: 'sticky-bar' 'section-hero' 'section-text-1' '.' 'footer';
    margin-left: auto;
    margin-right: auto;
}

.profile-update-email-section-text-1 {
    grid-area: section-text-1;
    display: grid;
    grid-template-columns: 50px minmax(100px, 400px) 50px;
    grid-template-rows: 50px auto 30px auto 50px;
    grid-template-areas: '. . .' '. text-1 .' '. . .' '. form-1 .' '. . .';
}

@media (min-width:900px) {
    .profile-update-email-section-text-1 {
        grid-template-columns: 1fr minmax(100px, 400px) 1fr;
        grid-template-rows: 50px auto 30px auto 50px;
        grid-template-areas: '. . .' '. text-1 .' '. . .' '. form-1 .' '. . .';
    }
}

.profile-update-email-section-hero {
    grid-area: section-hero;
    display: grid;
    grid-template-columns: [hero-bg-start] minmax(100px, auto) [hero-bg-end];
    grid-template-rows: [hero-bg-start] auto [hero-bg-end];
    grid-template-areas: 'header';
    border-bottom: 1px solid #c9c9c9;
}

.profile-update-email-hero-overlay {
    grid-area: hero-bg;
    background-color: #e17b4d;
    z-index: -1;
}

/* MISC */
body,
button,
input,
select,
textarea {
    font-family: inherit;
}

.button.is-link {
    background-color: #afcfcf;
    border-color: transparent;
    color: #000000;
    border-radius: 0px;
}

.button.is-link:hover,
.button.is-link.is-hovered {
    background-color: #e5b2ad;
    color: #ffffff;
}

.recaptcha-holder {
    visibility: hidden;
}

/* download loading graphic */
#loading {
    margin: 0 auto 0 auto;
    width: 5em;
    height: 5em;
    background: url('/assets/img/spinner-1s-100px.svg') no-repeat center center;
}

/* jquery form messages */
#jquery_form_content {
    margin-top: 30px;
    border: 0px;
    padding: 0px;
}

div.jquery_form_error,
div.jquery_form_error:focus {
    border: 1px solid #b94a48;
    background: #f2dede;
    color: #000000;
    font-size: 12px;
    padding: 10px;
    margin-bottom: 10px;
    outline: none !important;
}

div.jquery_form_success {
    color: #000000;
    background: #dff0d8;
    border: 1px solid #d6e9c6;
    font-size: 12px;
    padding: 10px;
    margin-bottom: 10px;
}

input.jquery_form_error {
    border: 1px solid #b94a48;
    background: #f2dede;
    font-size: 12px;
}

/* END jquery form messages */
.button.is-link:active,
.button.is-link.is-active {
    background-color: #d03838;
}

.input,
.textarea {
    border-radius: 0px;
    color: #363636;
    box-shadow: none;
    max-width: 100%;
    width: 100%;
}

/* magnific popup */
.mfp-iframe-scaler iframe {
    box-shadow: 0 0 0 0;
}

.button-pay {
    min-height: 65px;
    font-weight: bold;
}

.select select {
    background-color: #fff;
    border-color: #dbdbdb;
    border-radius: 0px;
    color: #363636;
    cursor: pointer;
    display: block;
    font-size: 1em;
    max-width: 100%;
    outline: none;
}