.reveal-overlay .reveal.lead {
    max-width: 95%;
    margin: 0 auto;
    min-height: 25rem;
    height: 25rem
}

@media print,
screen and (min-width: 40em) {
    .reveal-overlay .reveal.lead {
        width: 90%;
        height: 34.375rem
    }
}

@media screen and (min-width: 85.375em) {
    .reveal-overlay .reveal.lead {
        width: 70%;
        height: 37.5rem
    }
}

.reveal-overlay iframe {
    max-width: 100%;
    width: 100%;
    height: 21.875rem
}

@media print,
screen and (min-width: 40em) {
    .reveal-overlay iframe {
        height: 31.25rem
    }
}

@media screen and (min-width: 85.375em) {
    .reveal-overlay iframe {
        height: 34.375rem
    }
}

.lead {
    background: #fff
}

.lead-container {
    margin-bottom: 2.5rem
}

.lead--date {
    font-size: .875rem;
    padding-bottom: .75rem
}

.lead--title {
    font-family: "NNNittiGrotesk-Heading";
    font-size: 1.75rem;
    margin-bottom: .5rem
}

@media print,
screen and (min-width: 40em) {
    .lead--title {
        font-size: 3.125rem;
        margin-bottom: 1.75rem
    }
}

.lead--description {
    font-family: "NNNittiGrotesk-TextRegular";
    font-size: 1.125rem
}

.lead--description p {
    line-height: 1.3
}

.lead .img-wrapper {
    max-width: none;
    background-size: cover;
    background-position: center center
}

.lead .img-wrapper .img-responsive {
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 11.25rem;
    background-repeat: no-repeat;
    position: relative
}

@media print,
screen and (min-width: 40em) {
    .lead .img-wrapper .img-responsive {
        min-height: 23.125rem
    }
}

@media print,
screen and (min-width: 64em) {
    .lead .img-wrapper .img-responsive {
        min-height: 34.25rem
    }
}

.lead .play-button {
    height: 4.125rem;
    width: 4.125rem;
    border-radius: 50%;
    background: #ee7f00;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center
}

@media print,
screen and (min-width: 40em) {
    .lead .play-button {
        height: 6.25rem;
        width: 6.25rem;
        top: 40%
    }
}

.lead .play-button:hover,
.lead .play-button:focus {
    background-color: #d57100;
    color: #e6e6e6
}

.lead .play-button [class^=icon-],
.lead .play-button [class*=" icon-"] {
    font-size: 1.875rem;
    line-height: 4.125rem;
    color: #fff;
    padding-left: .25rem
}

@media print,
screen and (min-width: 40em) {

    .lead .play-button [class^=icon-],
    .lead .play-button [class*=" icon-"] {
        line-height: 6.25rem;
        font-size: 2.5rem
    }
}