/* Globals */
.html-landing,
body {
    overflow-x: hidden;
}
section {
    padding: 60px;
    position: relative;
}
img {
    max-width: 100%;
}

/* Video Embed */
.video-embed a {
    color: #0DBBB6;
}
.video-embed .content-wrap {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}
.video-embed h1 {
    color: #0DBBB6;
    margin: 25px;
}
.video-embed iframe {
    border: none;
    max-width: 100%;
    margin-bottom: 30px;
}

/* Alternating Content */
.alternating-content.bg-gray{
    background: #f5f5f5;
}
@media only screen and (min-width: 768px) {
    .alternating-content .container {
        padding-left: 60px;
        padding-right: 60px;
    }
}
.alternating-content h3 {
    margin-bottom: 15px;
}
.alternating-content p {
    line-height: 1.7;
}
.alternating-content a {
    color: #0DBBB6;
}
.alternating-content.content-left .ac-img {
    text-align: right;
}

/* Media Queries */
@media only screen and (max-width: 1024px) {

    /* General */
    section {
        padding-left: 0;
        padding-right: 0;
    }

}

@media only screen and (max-width: 991px) {

    /* General */
    section {
        padding: 30px 0;
    }

    /* Alternating Content */
    .ac-content {
        clear: both;
    }
    .alternating-content.content-left .ac-img,
    .ac-img {
        display: flex;
        float: none !important;
    }
    .ac-img img {
        margin-bottom: 30px;
    }

}

@media only screen and (max-width: 767px) {

    /* General */
    section {
        padding-left: 30px;
        padding-right: 30px;
    }

}

@media only screen and (max-width: 640px) {

    /* Typography */
    h1 {
        font-size: 36px;
        line-height: 44px;
    }
    h2 {
        font-size: 28px;
        line-height: 34px;
    }
    h3 {
        font-size: 28px;
        line-height: 34px;
    }
    h4 {
        font-size: 24px;
    }

}