.section {
    position: relative;
    color: #444;
    font-family: 'myriadsetpro-thinthin', Arial;
    font-size: .9rem;
    line-height: 1.2;
    font-weight: normal;
    background-color: #fff;
    margin: 0 auto;
}
.section .s-title {
    font-size: 1.75em;
    line-height: 1.1;
    font-weight: bold;
}
.section .s-subtitle {
    font-size: 1.575em;
    line-height: 1.2;
    margin-bottom: .375em;
}
.section .s-text {
    margin-top: 15px;
    line-height: 1.5;
    font-size: 1em;
    color: #909090;
}
.section img {
    width: 100%;
}
.section .s-container{
    padding: 20px;
}
.section-text-center {
    text-align: center;
}
.text-bg {
    background: linear-gradient(to bottom, #fff 33%, #000000);
    -webkit-background-clip: text;
    color: transparent;
}

.section-1 {
    background-color: #000;
    color: #fff;
    font-size: .9em;
}
.section-1 .s-container {
    position: absolute;
    top: 38%;
    left: 5px;
    right: 55%;
    padding: 0;
}
.section-1 .s-title {
    display: none;
}

.section-2,
.section-4,
.section-5,
.section-7,
.section-10,
.section-12,
.section-13 {
    background-color: #000;
    color: #fff;
}
.section-2 .s-container {
    padding: 4% 20px 4% 20px;
}
.section-2 .si {
    font-size: 1em;
    line-height: 1.85;
    margin-top: 4em;
}

.section-4 .si {
    position: absolute;
    font-size: .85em;
    left: 18.2%;
}
.section-4 .si1 {
    top: 5%;
}
.section-4 .si2 {
    top: 11%;
}
.section-4 .si3 {
    top: 17.5%;
}
.section-4 .si4 {
    top: 56%;
    left: 56%;
    right: 9%;
    color: #676767;
}

.section-7 .si {
    position: absolute;
    font-size: .85em;
    left: 18%;
}
.section-7 .si1 {
    top: 5%;
}
.section-7 .si2 {
    top: 54%;
}

.section-11 .s-f {
    margin-top: 4em;
    font-size: .775em;
    display: flex;
    text-align: center;
    font-weight: bold;
}
.section-11 .s-f .s-i {
    width: 33.333333%;
    color: #676767;
}
.section-11 .s-f .s-h {
    font-size: 1.5em;
    color: #fff;
}

.section-12 .si {
    margin-top: 10%;
    line-height: 1.8;
}

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

@media (min-width: 769px) {
    .section {
        font-size: 1rem;
    }
    .section .s-title {
        font-size: 3.5em;
        line-height: 1.2;
    }
    .section .s-subtitle {
        font-size: 3.5em;
    }
    .section .s-text {
        margin-top: .5em;
        font-size: 1.5em;
    }
    .section .s-container {
        padding: initial;
        margin: 0 auto;
    }

    .section-1 {
        font-size: 1.4em;
    }
    .section-1 .s-container {
        top: 41%;
        left: 7%;
        right: 55%;
    }

    .section-2 .s-container {
        width: 85%;
        margin: 0 auto;
        padding: 4% 25% 4% 0;
    }
    .section-2 .si {
        font-size: 1.5em;
    }

    .section-4 .si {
        font-size: 2em;
        left: 18.2%;
    }
    .section-4 .si1 {
        top: 5.6%;
    }
    .section-4 .si2 {
        top: 11.4%;
    }
    .section-4 .si3 {
        top: 18%;
    }
    .section-4 .si4 {
        top: 56%;
        left: 56%;
        right: 9%;
        color: #676767;
    }

    .section-5 .s-container {
        width: 65%;
        margin: 0 auto;
        padding: 4% 0 4% 0;
    }

    .section-7 .si {
        font-size: 2em;
    }

    .section-10 .s-container {
        position: absolute;
        top: 9%;
        left: 14%;
    }

    .section-11 .s-f {
        font-size: 1.375em;
    }

    .section-12 .s-container {
        position: absolute;
        top: 7%;
        left: 13%;
        right: 49%;
    }
    .section-12 .s-text {
        color: #fff;
    }
    .section-12 .si {
        margin-top: 42%;
        font-size: 1.725em;
        line-height: 1.8;
    }

    .section-13 .s-container {
        position: absolute;
        top: 25%;
        left: 13%;
        right: 49%;
    }
}

@media screen and (min-width: 1700px) {
    .section .s-title {
        font-size: 3.75em;
        line-height: 1.2;
    }
    .section .s-text {
        margin-top: .5em;
        font-size: 1.7em;
    }
}