body {
    color: #333;
    background-color: #000;
    background-image: linear-gradient(#000000bf, #000000bf), url('../images/bg-body_1.avif');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat;
    background-size: auto, 1025px 880px;
    font-family: Montserrat, sans-serif;
    font-size: 1.70213vw;
    line-height: 100%;
}

.main {
    width: 90%;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
}

.hero {
    background-color: #fff;
    background-image: url('../images/hero-bg.png');
    background-position: 50% 0;
    background-repeat: repeat-y;
    background-size: 100%;
    min-height: 18.75em;
    position: relative;
}

.mascot-hero {
    width: 15.625em;
    position: absolute;
    bottom: -2.0625em;
    left: 11.875em;
}

.spacer-block {
    background-color: #347543;
    height: 2.5em;
}

.btn-arrow {
    width: .875em;
    height: .875em;
}

.w-inline-block {
    max-width: 100%;
    display: inline-block;
}

.btn-link {
    grid-column-gap: .25em;
    grid-row-gap: .25em;
    border-bottom: .0625em solid #fff;
    align-items: center;
    font-weight: 500;
    text-decoration: none;
    display: flex;
}

.text-12 {
    color: #fff;
    font-size: .75em;
    line-height: 133%;
}

.w-embed:before,
.w-embed:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2;
}
.w-embed:after {
    clear: both;
}

.nav {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    background-color: #347543;
    justify-content: center;
    align-items: center;
    padding-top: .5em;
    padding-bottom: .5em;
    display: flex;
    position: sticky;
    top: 0;
}

@media screen and (max-width: 767px) {
    body {
        font-size: 4vw;
    }

    .main {
        width: 100%;
    }

    .hero {
        background-image: url('../images/hero-bg.png');
        background-position: 25% 0;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .mascot-hero {
        left: 2.125em;
    }

    .container {
        width: 90%;
    }

    .text-48 {
        font-size: 2.5em;
    }

    .text-48.white.mob-48 {
        font-size: 3em;
    }

    .img.pc {
        display: none;
    }

    .img.mob {
        display: inline-block;
    }

    .general-wrap-40.horizontal {
        grid-column-gap: 1.25em;
        grid-row-gap: 1.25em;
        flex-flow: column;
    }

    .text-32 {
        font-size: 1.5em;
    }

    .text-20 {
        font-size: 1em;
    }

    .list {
        margin-left: .5em;
    }

    .stonk-img {
        display: none;
    }

    .border-card {
        padding: .75em;
    }

    .border-card.white {
        padding: 1em .5em;
    }

    .star-card {
        margin-left: -.75em;
        margin-right: -.75em;
        padding-left: 2em;
        padding-right: 2em;
    }

    .text-38 {
        font-size: 2em;
        font-weight: 700;
    }

    .tgnt-card {
        background-image: url('../images/tgnt-mob.png');
        background-size: cover;
        flex-flow: column;
        justify-content: flex-end;
        height: 23em;
        padding: .5em;
        display: flex;
    }

    .glassy-card {
        width: 100%;
        max-width: none;
        padding-left: 2.9375em;
        padding-right: 2.9375em;
    }

    .wall-card {
        background-position: 20%;
        flex-flow: column;
        justify-content: flex-end;
        height: 31.125em;
        display: flex;
    }

    .overlay {
        padding: 1.5em .875em;
    }

    .astro-card {
        grid-column-gap: 2.625em;
        grid-row-gap: 2.625em;
        background-position: 0%;
        margin-left: -.75em;
        margin-right: -.75em;
        padding-left: .75em;
        padding-right: .75em;
    }

    .text-40 {
        font-size: 2em;
    }

    .text-18 {
        font-size: 1em;
    }

    .testi-wrap {
        flex-flow: column;
        display: flex;
    }

    .text-72 {
        font-size: 3.5em;
        line-height: 100%;
    }

    .text-24 {
        font-size: 1.25em;
    }

    .btn {
        padding: .9375em 2em;
    }

    .text-btn {
        font-size: 1.5em;
    }

    .cta-wection {
        margin-left: -1.3em;
        margin-right: -1.3em;
    }

    .cta-wrap {
        width: 90%;
    }
}

.footer-link {
    color: #ffffff !important;
    text-decoration: none;
}

.footer-link:hover,
.footer-link:focus,
.footer-link:visited,
.footer-link:active {
    color: #ffffff !important;
    text-decoration: none;
}

.footer {
    background-color: #1a1a1a;
    padding-top: 3.5em;
    padding-bottom: 1.5em;
}

.foot-wrap {
    grid-column-gap: 1.25em;
    grid-row-gap: 1.25em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.foot-menu {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.foot-link {
    color: #fff;
    letter-spacing: -.02em;
    text-transform: uppercase;
    font-size: .875em;
    font-weight: 500;
    line-height: 171%;
    text-decoration: none;
}

.ctct-gdpr-text {
    display: none !important;
}
.ctct-inline-form {
    width: 100%;
}
.ctct-form-button {
    background-color: #6fb94f !important;
    border-color: #6fb94f !important;
    color: #fff !important;
    box-shadow: none !important;
}