.ssec {
    position: relative;
    color: #fff;
    background-color: #000;
    font-family: ProximaNova, sans-serif;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 300;
    margin: 0 auto;
}
.ssec .ssec-img {
    max-width: 100%;
    width: 100%;
}

.ssec .ssec-head {
    font-size: 2em;
    margin-bottom: 1rem;
}
.ssec .ssec-subhead {
    font-size: 1.6em;
    font-weight: 300;
}
.ssec .ssec-txt {
    line-height: 1.2;
    font-size: 1em;
}
.ssec .ssec-note {
    font-size: .825rem;
    line-height: 1.5;
}
.ssec-text-center {
    text-align: center;
}

.ssec-row {
    display: flex;
    align-items: flex-start;
}
.ssec-row .ssec-col {
    width: 50%;
}
.ssec-offset-1 {
    margin-left: 5%;
}

.ssec .ssec-wrap {
    padding: 15px;
}
.ssec-1 .ssec-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.ssec-1 .ssec-head {
    font-size: 2.6em;
    margin-bottom: .2em;
}
.ssec-1 .ssec-txt {
    font-size: 1.5em;
}

.ssec-1 .ssec-txt2 {
    font-size: 1.125em;
    margin-top: 1em;
}

.ssec-2 {
    background-color: #deebf8;
    color: #000;
}
.ssec-2 .ssec-wrap,
.ssec-11 .ssec-wrap {
    padding: 5% 0 8%;
    width: 90%;
    margin: 0 auto;
}
.ssec-2 .ssec-txt {
    padding-bottom: 12%;
}
.ssec-11 .ssec-txt {
    padding-bottom: 6%;
}

.ssec-3 {
    background-color: #d8effe;
    color: #000;
    text-align: center;
}

.ssec-6,
.ssec-8,
.ssec-10,
.ssec-11,
.ssec-14,
.ssec-16,
.ssec-17 {
    color: #000;
    background-color: #fff;
}

.ssec-4 .ssec-wrap {
    position: absolute;
    top: 2%;
    left: 0;
    right: 0;
}

.ssec-6 .ssec-wrap {
    position: initial;
    top: initial;
    left: initial;
    right: initial;
}

.ssec-7 .ssec-wrap {
    top: auto;
    bottom: 0%;
}

.ssec-9 .ssec-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.ssec-9 .ssec-head {
    font-size: 1.8em;
}
.ssec-9 .ssec-txt {
    font-size: .8em;
}
.ssec-9 .ssec-note {
    padding-top: 110%;
    color: #fff;
    text-align: center;
}
.ssec-12 .ssec-pic {
    padding-top: 4%;
}

.ssec-16 .ssec-row {
    flex-wrap: wrap;
}
.ssec-16 .ssec-head {
    margin-bottom: .5em;
}
.ssec-16 .ssec-col-1,
.ssec-16 .ssec-col-2 {
    width: 100%;
}
.ssec-16 .ssec-pic {
    padding: 3% 0;
}

.ssec-16 .ssec-t {
    font-size: .75em;
    padding-top: 3%;
}
.ssec-16 .ssec-w {
    margin: 0 -7px;
}
.ssec-16 .ssec-w .ssec-col {
    padding-left: 7px;
    padding-right: 7px;
}

.ssec-17 .ssec-row {
    flex-wrap: wrap;
}
.ssec-17 .ssec-col {
    width: 100%;
}
.ssec-17 .ssec-col-1,
.ssec-17 .ssec-col-4 {
    padding: 4% 0;
}
.ssec-17 .ssec-col-2 {
    padding-bottom: 4%;
}

.ssec-f {
    background-color: #fff;
}
.ssec-f .ssec-www {
    padding: 2% 5px;
}
.ssec-f .ssec-wrap {
    display: flex;
    padding: 0;
    margin: 0 -5px;
    flex-wrap: wrap;
    color: #646464;
    background-color: #fff;
    font-size: .8em;
}
.ssec-f .ssec-i {
    width: 50%;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
}
.ssec-f .ssec-i .ssec-im,
.ssec-f .ssec-i .ssec-tt {
    width: 100%;
    position: relative;
    background-color: #f1f1f1;
}
.ssec-f .ssec-i .ssec-h {
    color: #000;
    font-weight: bold;
    font-size: 1.4em;
}
.ssec-f .ssec-i .ssec-in {
    padding: 5% 15px;
    text-align: center;
}
.ssec-f .ssec-i .ssec-n {
    background-color: #6dc6fe;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 100% 0 0 0;
    text-align: center;
    vertical-align: bottom;
    height: 20px;
    width: 20px;
    line-height: 20px;
    padding-top: 3px;
    padding-left: 5px;
}

@media screen and (max-width: 400px) {
    
}

@media screen and (min-width: 769px) {
    .ssec .ssec-head {
        font-size: 2.6em;
        margin-bottom: .85em;
    }
    .ssec .ssec-subhead {
        font-size: 1.6em;
        font-weight: 300;
    }
    .ssec .ssec-txt {
        line-height: 1.2;
        font-size: 1.25em;
    }
    .ssec .ssec-wrap {
        padding: inherit;
    }

    .ssec-1 .ssec-wrap {
        position: absolute;
        top: 33%;
        left: 15%;
        right: 55%;
    }
    .ssec-1 .ssec-head {
        font-size: 4em;
        margin-bottom: .2em;
    }
    .ssec-1 .ssec-txt {
        font-size: 2em;
    }
    .ssec-1 .ssec-txt2 {
        font-size: 1.25em;
        padding-top: 3%;
    }

    .ssec-2 {
        background-color: #deebf8;
        color: #000;
    }
    .ssec-2 .ssec-wrap,
    .ssec-11 .ssec-wrap {
        padding: 5% 0 8%;
        width: 66.6666666%;
        margin: 0 auto;
    }
    .ssec-2 .ssec-txt {
        padding-bottom: 12%;
    }
    .ssec-11 .ssec-txt {
        padding-bottom: 6%;
    }

    .ssec-3,
    .ssec-6,
    .ssec-8,
    .ssec-10,
    .ssec-11,
    .ssec-14,
    .ssec-16,
    .ssec-17 {
        color: #000;
        background-color: #fff;
    }
    .ssec-3 {
        text-align: initial;
    }
    .ssec-3 .ssec-wrap {
        position: absolute;
        top: 50%;
        left: 50%;
        right: 15%;
        transform: translateY(-75%);
    }

    .ssec-4 .ssec-wrap {
        position: absolute;
        top: 5%;
        left: 15%;
        right: 15%;
    }
    .ssec-7 .ssec-wrap {
        top: auto;
        bottom: 15%;
    }

    .ssec-8 .ssec-wrap {
        padding: 4% 0;
        width: 70%;
        margin: 0 auto;
    }
    .ssec-8 .ssec-pic {
        width: 84%;
        margin: 0 auto;
        padding: 0 0 3%;
    }
    .ssec-12 .ssec-pic {
        padding-bottom: 0;
    }

    .ssec-9 .ssec-wrap {
        position: absolute;
        top: 14%;
        left: 12%;
        right: 53%;
    }
    .ssec-9 .ssec-note {
        padding-top: 10%;
        color: inherit;
        text-align: left;
    }

    .ssec-16 .ssec-wrap {
        width: 70%;
        padding: 4% 0;
        margin: 0 auto;
    }
    .ssec-16 .ssec-head {
        margin-bottom: 0;
    }
    .ssec-16 .ssec-row {
        align-items: center;
    }
    .ssec-16 .ssec-col-1 {
        width: 45%;
    }
    .ssec-16 .ssec-col-2 {
        width: 55%;
    }
    .ssec-16 .ssec-pic {
        padding: 3% 0;
    }
    .ssec-16 .ssec-t {
        font-size: 1.125em;
        padding-top: 3%;
    }
    .ssec-16 .ssec-w {
        margin: 0 -15px;
    }
    .ssec-16 .ssec-w .ssec-col {
        padding-left: 15px;
        padding-right: 15px;
    }

    .ssec-17 .ssec-wrap {
        width: 85%;
        margin: 0 auto;
        padding: 0 0 3%;
    }
    .ssec-17 .ssec-col {
        width: 50%;
    }
    .ssec-17 .ssec-row {
        align-items: center;
    }
    .ssec-17 .ssec-row-1 {
        padding-top: 3%;
    }
    .ssec-17 .ssec-col-2 {
        padding-bottom: 0;
    }
    .ssec-17 .ssec-col-1,
    .ssec-17 .ssec-col-4 {
        padding: 0 8%;
    }

    .ssec-f .ssec-www {
        max-width: 90%;
        margin: 0 auto;
        padding: 2% 0;
    }
    .ssec-f .ssec-wrap {
        margin: 0 -8px;
        font-size: 1.4em;
    }
    .ssec-f .ssec-i {
        padding: 8px;
        flex-wrap: nowrap;
    }
    .ssec-f .ssec-i .ssec-im,
    .ssec-f .ssec-i .ssec-tt {
        width: 50%;
    }
    .ssec-f .ssec-i .ssec-h {
        font-size: 1.5em;
    }
    .ssec-f .ssec-i .ssec-in {
        position: absolute;
        top: 50%;
        left: 1rem;
        right: 1rem;
        transform: translateY(-50%);
        text-align: left;
        padding: 0;
    }
    .ssec-f .ssec-i .ssec-n {
        height: 46px;
        width: 46px;
        line-height: 46px;
        padding-top: 6px;
        padding-left: 10px;
    }
}

@media screen and (min-width: 1400px) {
    .ssec {
        font-size: 1.125rem;
    }
    .ssec .ssec-head {
        font-size: 2.75em;
    }
    .ssec-1 .ssec-head {
        font-size: 4em;
    }
}

.specs-value strong {
    font-size: 1.375em;
}
.specs-note {
    font-size: .85em;
    padding: 3% 0;
}
.specs-note p {
    margin-bottom: .125em;
}
.specs-img-size {
    max-width: 80%;
}
@media screen and (max-width: 620px) {
    .specs-img-size {
        max-width: 100%;
        width: 100%;
    }
}