.typography-headline-elevated {
    line-height: 1.165;
}
@media only screen and (max-width:1068px) {
    .typography-headline-elevated {
        line-height: 1.179;
    }
}
@media only screen and (max-width:735px) {
    .typography-headline-elevated {
        line-height: 1.21;
    }
}
.typography-intro {
    line-height: 1.519;
}
@media only screen and (max-width:1068px) {
    .typography-intro {
        line-height: 1.563;
    }
}
@media only screen and (max-width:735px) {
    .typography-intro {
        line-height: 1.589;
    }
}
.typography-subsection-headline,
.typography-headline {
    line-height: 1.375;
}
@media only screen and (max-width:1068px) {
    .typography-subsection-headline,
    .typography-headline {
        line-height: 1.257;
    }
}
@media only screen and (max-width:735px) {
    .typography-subsection-headline,
    .typography-headline {
        line-height: 1.33;
    }
}
.typography-copy {
    line-height: 1.617;
}
@media only screen and (max-width:1068px) {   
    .typography-copy {
        line-height: 1.519;
    }
}
@media only screen and (max-width:735px) {
    .typography-copy {
        line-height: 1.563;
    }
}
.typography-intro-elevated {
    line-height: 1.483;
}
@media only screen and (max-width:1068px) {
   .typography-intro-elevated {
       line-height: 1.519;
   }
}
@media only screen and (max-width:735px) {
   .typography-intro-elevated {
       line-height: 1.563;
   }
}

.icon::before, .icon::after, .more::before, .more::after {
    margin-top: 0.355em;
}

.icon:not(.icon-chevrondowncircle)::after {
    margin-top: 2px;
    position: relative;
}

.play-button-container,
.play-button-container .icon,
.play-button-container .icon::after {
    overflow: visible;
}

@media screen and (max-device-width: 568px) {
    .icon::before, .icon::after, .more::before, .more::after {
        margin-top: 0.4em;
    }
}