body {
    color: #777;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5em;
    position: relative
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif;
    color: #222;
    line-height: 1.5em;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 500
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0;
    margin-top: 0;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: #222
}

h1,
.h1 {
    font-size: 36px
}

h2,
.h2 {
    font-size: 30px
}

h3,
.h3 {
    font-size: 24px
}

h4,
.h4 {
    font-size: 18px
}

h5,
.h5 {
    font-size: 16px
}

h6,
.h6 {
    font-size: 14px;
    color: #222
}



.story-content h1 {
    font-size: 48px;
    font-weight: 100;
    line-height: 1.2em;
    margin-bottom: 20px;
    margin-top: 20px
}

.big-space {
    margin-bottom: 150px;
}

@media (max-width: 767px) {
    .story-content h1 {
        font-size: 40px
    }
}

@media (max-width: 991px) {
    .story-content h1 br {
        display: none
    }
}

.story-content h6 {
    font-weight: 400
}

.story-content p {
    margin-bottom: 60px;
    font-size: 16px
}

@media (max-width: 991px) {
    .story-content p br {
        display: none
    }
}

.story-content .sp-1 {
    font-weight: 600
}

.story-content .sp-2 {
    color: #6cbb23;
    font-weight: 600
}

@media (max-width: 768px) {
    .story-content {
        text-align: center
    }
}

.about-area {
    position: relative;
    background: white
}

.about-area .story-content h2 {
    font-size: 36px;
    line-height: 1.25em;
    font-weight: 100
}

.about-area .story-content h2 span {
    font-weight: 600
}

.about-area .story-content p {
    line-height: 1.65em;
    font-size: 14px;
    font-weight: 300
}

@media (max-width: 768px) {
    .story-content {
        margin-top: 40px;
        margin-bottom: 40px
    }
}