﻿#body2 a { color: #fff; width: 100%; max-width: 350px; font-size: 120%; padding: 11px 10px 11px 30px; }

#headline h1 { line-height: 60px; }
#body2 { margin-top: 40px; }
.video { margin-top: 0px; position: relative; max-width: 1070px; position: relative; }
    .video iframe { width: 100%; height: 55vh; }
.playIconMulti { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 91px; height: 91px; border-radius: 50%; background: #2DCCD3; cursor: pointer; }
    .playIconMulti svg { height: 40px; position: absolute; top: 50%; left: 55%; transform: translate(-50%,-50%); fill: #012D5C; -webkit-transform: translate(-50%,-50%); }
#body3 h3, #body4 h3 { font-family: Inter-Medium; font-size: 140%; text-transform: uppercase; position: relative; padding-left: 25px; line-height: 1.1; margin-top: 80px; margin-bottom: 35px; }
    #body3 h3:before, #body4 h3:before { content: ""; width: 10px; height: 100%; background: #2DCCD2; position: absolute; left: 0; }
#body3 h4 { font-weight: 300; max-width: 600px; font-size: 100%; line-height: 1.25; }
.contentItem { display: block; width: 100%; }
.contentItem2 .video iframe { height: 300px; }

.contentItem2 .video { width: 520px; display: inline-block; margin-left: 28px; }
.contentItem2 .video1 { margin-left: 0; }

.videoImg { position: absolute; top: 0px; bottom: 0; left: 0; right: 0; background-size: cover; }
.videoTitle { position: absolute; top: 10px; left: 10px; color: #fff; }

#body4 .btnWrapper { max-width: 700px; float: left; }
    #body4 .btnWrapper a { float: left; margin-bottom: 20px; }


@media(min-width:992px) {
    .topImage { padding: 250px 0px 140px }
    .contentItem2 .playIconMulti { width: 60px; height: 60px; }
        .contentItem2 .playIconMulti svg { height: 28px; }
}

@media (max-width: 991px) {
    .video iframe { width: 100%; height: 40vh; }
    .contentItem2 .video { width: 348px; margin-bottom: 0; }
        .contentItem2 .video iframe { height: 197px; }
    #body3 h3, #body4 h3 { margin-top: 50px; }
}

@media(max-width:991px) and (min-width:768px) {
    #body2 a { padding: 4px 10px 11px 0px; }
}

@media (max-width: 767px) {
    #body2 a { max-width: 320px; padding-left: 0; font-size: 105%; display: block; }
    #headline h1 { line-height: 1.2; margin-bottom: 20px; }
    #body3 h3, #body4 h3 { margin-top: 30px; line-height: 1; margin-bottom: 20px; }
    #body2, #body3, #body4 { padding-left: 15px; padding-right: 15px; }
    .contentItem2 .video, .contentItem .video { width: 100%; margin-left: 0; margin-bottom: 20px; }
    .video iframe, .contentItem2 .video iframe { height: 27vh; }
    .playIconMulti { width: 65px; height: 65px; }
        .playIconMulti svg { height: 25px; }
    #body4 .btnWrapper a { font-size: 70%; padding: 6px 5px 12px; }
}

