section.story {
    position: relative;
    margin-bottom: 325px;
}

.story-bg {
    position: absolute;
    width: 100%;
    top: -156px;
    z-index: -1;
    opacity: 0.8;
}

.story-bg-0 {
    position: absolute;
    top: 156px;
    width: 100%;
    background: linear-gradient(180deg, #a6b476, #fff);

}

.story-bg-0:before {
    content: "";
    display: block;
    padding-top: 70%;
}

.story-cup {
    position: absolute;
    right: 62px;
    top: 148px;
    width: 311px;
    transform: rotate(-14deg);
}

.story-bg-1 {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
}

.story-bg-2 {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
}

.story-bg-3 {
    position: absolute;
    top: 400px;
    width: 100%;
}

.story-bg-4 {
    position: absolute;
    top: 450px;
    width: 100%;
}

.story-bg img {
    width: 100%;
}

.story-flower {
    position: absolute;
    width: 333px;
    left: -33px;
    top: 550px;
    transform: rotate(54deg);
    opacity: 0.8;
}



.story-title-main {
    padding-top: 100px;
}

.story-title-border {
    overflow: hidden;
    margin-bottom: 15px;
}

.story-title-border h1 {
    font-family: "RichardsonBlock", sans-serif;
    font-size: 88px;
    font-weight: 600;
    color: #fff;
    text-shadow: 4px 4px 10px #000000;
    line-height: 92px;
    margin-bottom: 0;
    padding: 2px;
}

.story-title-quote {
    font-family: 'Lexend', sans-serif;
    color: #fff;
    font-weight: 200;
    font-size: 18px;
    font-style: italic;
}


.number {
    margin-bottom: 88px;
}

.number-title {
    margin-bottom: 68px;
}

.number-title h2 {
    font-size: 52px;
    text-align: center;
    text-shadow: 3px 3px 0px #e9f2e1;
    font-weight: 600;
    margin-bottom: 20px;
}

.number-title .number-summary {
    font-family: 'Lexend';
    font-weight: 200;
    text-align: center;
    font-style: italic;
}

.number-item {
    background: #f9ffe547;
    padding: 20px;
    font-family: 'Lexend';
    font-weight: 200;
    border-radius: 8px;
    text-align: center;
    display: flex;
    flex-flow: column;
    cursor: pointer;
}

.number-item:hover {
    background: #f9ffe5;
}

.number-item .number-index {
    font-weight: 600;
    font-size: 48px;
    color: #616846;
}


span.number-content {
    color: #4b5036;
}


section.tech {
    padding: 30px 0;
    margin-bottom: 68px;
}

.tech-title {
    margin-bottom: 48px;
}

.tech-title h2 {
    font-size: 52px;
    text-align: left;
    text-shadow: 3px 3px 0px #bfd1af;
    font-weight: 600;
    margin-bottom: 0;
}

.tech-title-summary {
    font-size: 16px;
    font-family: 'Lexend';
    font-weight: 200;
    color: #616746;
    font-style: italic;
}

.tech-item iframe {
    width: 100%;
    border-radius: 12px;
}



section.pricing {
    background: linear-gradient(180deg, #a6b476, transparent);
    padding: 68px 0;
    margin-bottom: 68px;
}

.pricing-title {
    margin-bottom: 42px;
}

.pricing-title h2 {
    font-size: 52px;
    text-align: center;
    text-shadow: 3px 3px 0px #f1f1f1;
    font-weight: 600;
    margin-bottom: 0;
}

.pricing-main {
    display: flex
;
    justify-content: center;
}

.pricing-item {
    background: #fff;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 12px;
    margin-right: 24px;
    box-shadow: 2px 2px 5px #999;
}

.pricing-item:last-child {
    margin-right: 0;
}

.pricing-item h3 {
    position: relative;
    margin-bottom: 52px;
    font-family: 'Lexend';
    font-weight: 300;
    text-align: center;
}

.pricing-item h3 span {
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    background: #8d9965;
    color: #fff;
    padding: 2px 4px;
    border-radius: 8px;
}

.pricing-franchise {
    display: flex;
    justify-content: space-between;
    font-family: 'Lexend';
    font-weight: 200;
    margin-bottom: 14px;
}

span.pricing-franchise-title {
    margin-right: 30px;
}

span.pricing-franchise-number {
    font-weight: 300;
}

.pricing-total {
    display: flex;
    justify-content: space-between;
    font-family: 'Lexend';
    font-weight: 200;
    margin-bottom: 120px;

}

span.pricing-total-title {
    margin-right: 30px;
}

span.pricing-total-number {
    font-weight: 300;
}

a.pricing-link {
    font-family: 'Lexend';
    font-weight: 300;
    display: block;
    margin: auto;
    width: 180px;
    background: #8d9965;
    padding: 12px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-radius: 12px;
}


.questions-title {
    margin-bottom: 68px;
}


.questions-title h2 {
    font-size: 76px;
    text-align: center;
    text-shadow: 3px 3px 0px #f1f1f1;
    font-weight: 700;
    margin-bottom: 0;
}

.questions-title .questions-title-summary {
    text-align: center;
    font-family: 'Lexend';
    font-weight: 200;
    font-style: italic;
}

.questions-quote {
    font-family: 'Lexend';
    font-weight: 400;
    margin-bottom: 32px;
    font-size: 18px;
}

.questions-item {
    font-family: 'Lexend';
    font-weight: 200;
    margin-bottom: 32px;
    padding: 10px 0;
    border-bottom: 1px solid #78805b;
}

.questions-item:last-child {
    border-bottom: 0
}


.questions-item h3 {
    font-size: 24px;
    font-weight: 300;
    color: #5d6348;
}


@media (max-width: 767px) {

    main section {
        overflow: hidden;
        padding-bottom: 300px;
    }

    .story-title-main {
        padding-top: 34px;
    }

    .story-cup {
        display: none;
        top: 100px;
    }

    .story-title-border h1 {
        font-size: 52px;
    }
}

@media (max-width: 767px) {
    
}