.impact {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto 15px
}

.impact img,
.impact video {
    width: 100%;
    height: auto;
    display: block
}

.impact video {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
}

.slide .button {
    border: 0;
    background: transparent;
    box-sizing: border-box;
    width: 0;
    height: 40px;
    border-color: transparent transparent transparent #fff;
    transition: 100ms all ease;
    cursor: pointer;
    border-style: solid;
    border-width: 20px 0 20px 30px;
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 100
}

.slide .button.paused {
    border-style: double;
    border-width: 0 0 0 30px
}

.slide .button:hover {
    border-color: transparent transparent transparent #fff
}

.landing .impact.wrap,
.landing .impact,
.landing .impact.video {
    max-height: 500px;
    background-size: cover;
    margin: 0 auto
}

.impact.wrap ul.slick-dots>li:only-child {
    display: none
}

.impact.contentWidth img {
    margin: 0 0 7px;
    max-width: 100%
}

.impact img {
    max-width: 100%
}

.impact .caption {
    position: absolute;
    width: 100%;
    max-width: 1225px;
    margin: 0 auto;
    top: 30px;
    bottom: 0;
    right: 0;
    left: 0
}

.impact .caption .wrapper {
    height: 100%
}

.impact .caption .wrapper h1,
.impact .caption .wrapper h2 {
    font-family: "Nunito Sans", sans-serif;
    font-weight: 600;
    font-style: normal;
    margin-bottom: 0
}

.impact .caption .wrapper .top-left {
    position: absolute;
    top: 12%;
    left: 15px
}

.impact .caption .wrapper .top-right {
    position: absolute;
    top: 12%;
    right: 15px;
    text-align: right
}

.impact .caption .wrapper .bottom-left {
    position: absolute;
    bottom: 22.75%;
    left: 15px
}

.impact .caption .wrapper .bottom-right {
    position: absolute;
    bottom: 22.75%;
    right: 15px;
    text-align: right
}

.impact .caption .wrapper .center-center {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 80%;
    height: 175px;
    text-align: center
}

.impact .caption h1.captionText,
.impact .caption h2.captionText {
    font-family: "Nunito Sans", sans-serif;
    font-weight: 300;
    color: #fff
}

.landing .impact .caption {
    position: absolute;
    width: 100%;
    max-width: 1188px;
    top: auto;
    bottom: 9.5%;
    right: 0;
    left: 15px
}

.landing .impact .caption h1.captionText {
    max-width: 600px;
    font-size: 2.29rem;
    text-shadow: 1px 1px #333
}

.playSlide,
.pauseSlide {
    z-index: 1;
    position: absolute;
    bottom: 25px;
    left: 25px;
    cursor: pointer;
    background: none;
    border: none
}

.playSlide span,
.pauseSlide span {
    color: #fff;
    display: block;
    position: absolute;
    text-indent: -999999px
}

.playSlide:after,
.pauseSlide:after {
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: 900
}

.playSlide:after {
    content: "\f04b"
}

.pauseSlide:after {
    content: "\f04c"
}

.impact.wrap .gradientOverlay,
.impact.video .gradientOverlay,
.impact .gradientOverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.8) 100%)
}

.impact.wrap .wrapper,
.impact .wrapper,
.impact.video .wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

.impact.wrap .textOverlay,
.impact .textOverlay,
.impact.video .textOverlay {
    position: absolute;
    bottom: 5em;
    left: 2em;
    width: 90%;
    z-index: 1;
}

.impact.wrap .textOverlay h1,
.impact .textOverlay h1,
.impact.video .textOverlay h1 {
    font-size: 3em;
    font-weight: 200;
    color: #fff;
    margin-bottom: 1.5rem;
    line-height: 1.35em
}

.impact.wrap .textOverlay p,
.impact .textOverlay p,
.impact.video .textOverlay p {
    font-family: "Roboto Slab", serif;
    font-size: 1.313em;
    color: #fff;
    width: 600px;
    max-width: 90%;
    font-weight: 300
}

.impact.wrap .textOverlay .blockquote,
.impact .textOverlay .blockquote,
.impact.video .textOverlay .blockquote {
    color: #fff
}

section.impact.slick-slider,
section.impact div.slide {
    height: auto
}

.college~section.impact {
    margin-top: 118px
}

.impact.video .videoImg {
    display: none;
}



@media screen and (min-width: 1600px) {
    section.impact.slick-slider {
        min-height: 500px
    }
}

@media screen and (min-width: 1200px) and (max-width: 1599px) {
    section.impact.slick-slider {
        min-height: 400px
    }
}

@media screen and (min-width: 991px) and (max-width: 1199px) {
    section.impact.slick-slider {
        min-height: 350px
    }
}

@media all and (max-width: 1490px) {
    .impact.interior {
        padding-left: 15px;
        padding-right: 15px
    }

    .container .impact.interior {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width: 960px) {
    section.impact {
        margin-top: 67px
    }

    .college~section.impact {
        margin-top: 107px
    }

    .impact img {
        max-width: none
    }

    .landing .impact.wrap,
    .landing .impact,
    .landing .impact.video {
        height: 310px;
        margin-top: -1px
    }
}
@media screen and (min-width: 1800px){
    .impact.video .slide {
        min-height: 800px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1799px) {
    section.impact {
        background: #272620
    }
    .white {
        color: #fff
    }
    .impact.video .slide {
        min-height: 550px;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
    .impact.video .slide {
        min-height: 480px;
    }
}
@media screen and (min-width: 767px) and (max-width: 1023px) {
    .impact.video .slide {
        min-height: 350px;
    }
}
@media screen and (max-width: 767px) {
    section.impact.slick-slider {
        min-height: 300px
    }

    .video-carousel .slide {
        min-height: 500px;
        background-color: #fff
    }

    section.impact div.slide {
        height: auto
    }

    .impact.wrap .textOverlay,
    .impact .textOverlay,
    .impact.video .textOverlay {
        position: static;
        width: 100%;
        display: block;
        padding: 20px
    }

    .impact.wrap .textOverlay h1,
    .impact .textOverlay h1,
    .impact.video .textOverlay h1 {
        color: #000
    }

    .impact.wrap .gradientOverlay,
    .impact .gradientOverlay,
    .impact.video .gradientOverlay {
        display: none
    }

    section.impact {
        height: auto
    }

    .impact.wrap .slide img,
    .impact .slide img,
    .impact.video .slide img {
        min-height: 150px
    }

    .slide .video-texture,
    .slide .button {
        display: none
    }
    .impact.video .videoImg {
        display: block;
    }
    .impact.wrap .textOverlay p, 
    .impact .textOverlay p, 
    .impact.video .textOverlay p {
        color: #000;
    }
}

@media screen and (max-width: 580px) {
    .landing .impact.wrap,
    .landing .impact,
    .landing .impact.video {
        height: 235px
    }

    .landing .impact .caption {
        bottom: 6.75%
    }

    .landing .impact .caption h1.captionText {
        font-size: 1.55rem
    }
}