.rich-text:first-of-type {
    margin-top: 5.4rem;
}

.rich-text {
    max-width: 613px;
    margin: auto;
}

    .rich-text p {
        font-family: "BBC Reith serif Lt";
        margin: 1.6rem 0;
        font-weight: 300;
        font-size: .875em;
        line-height: 1.7142857143em;
        color: hsla(0, 0%, 100%, 0.87);
    }
.hero-container.about-us {
    height: 50vw;
    min-height: 320px;
}
.hero-container.about-us .hero-item:before {
    background: #000;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: .3;
}

.about-us .rich-text:first-of-type p:first-of-type {
    color: #fff;
}

.rich-text:first-of-type p:first-of-type {
    font-family: "BBC Reith Sans Lt";
    font-size: 1.125em;
    font-weight: 300;
    line-height: 1.444em;
}

.rich-text h2 {
    color: #fff;
    margin: 2.2rem 0 1rem !important;
    font-weight: 700;
    font-size: 1.125em;
    line-height: 1.3333333333em;
    font-family: 'BBC Reith Sans Bd';
}

.rich-text a {
    font-weight: 700;
    display: inline;
    font-family: 'BBC Reith Serif Bd';
}

.rich-text a svg {
    margin-left: 5px;
    height: 15px;
}

.about-us .rich-text strong {
    color: #fff !important;
    font-weight: 700;
    font-family: 'BBC Reith Serif Bd';
}

.about-us .rich-text a svg path {
    fill: #fff !important;
}

.media-section figcaption {
    font-family: BBC Reith Sans, Helvetica, Arial, sans-serif;
    margin-top: 16px;
    font-size: 0.875em;
    font-weight: 300;
    line-height: 1.1428571429em;
    color: hsla(0, 0%, 100%, 0.6);
}

.media-section .media-caption {
    font-family: BBC Reith Sans, Helvetica, Arial, sans-serif;
    margin-top: 16px;
    font-size: 0.875em;
    font-weight: 300;
    line-height: 1.1428571429em;
    color: hsla(0, 0%, 100%, 0.6);
}

.media-section .studios-article-block {
    cursor: default;
}

.media-section .studios-article-block:focus .header,
.media-section .studios-article-block:hover .header {
    transform: none;
}

.media-section .studios-article-block .header .picture-container:after {
    background: none;
}
@media (min-width: 600px) {
    .hero-container.about-us {
        height: 50vw;
        min-height: 400px;
    }
    .hero-item .large-hero_headline {
        padding-bottom: 2.5rem;
    }
    .rich-text h2 {
        font-size: 1.625em;
        line-height: 1.1538461538em;
    }
}
@media only screen and (max-width: 767px) and (min-width: 399px) {
        .rich-text:first-of-type {
            margin-top: 4rem;
        }
        .rich-text:first-of-type p:first-of-type {
            font-size: 1.125em;
            line-height: 1.4444444444em;
        }
        .rich-text p {
            font-size: .875em;
            line-height: 1.7142857143em;
            margin: 1.4rem 0;
        }
    }

    @media only screen and (max-width: 1180px) and (min-width: 768px) {

        .media-section figcaption {
            font-size: 0.875em;
            line-height: 1.1428571429em;
        }

        .media-section .media-captoiin {
            font-size: 0.875em;
            line-height: 1.1428571429em;
        }
    }

@media (min-width: 1024px) and (max-width: 1365px) {
    .col-sm-12{
    flex: 0 0 auto;
    width: 50%;
    }
}
@media (min-width: 767px) {
    .rich-text:first-of-type p:first-of-type {
        font-size: 1.125em;
        font-weight: 300;
        line-height: 1.444em;
    }
}
@media (min-width: 1008px) {
        .hero-container.about-us {
            height: 50vw;
            min-height: 400px;
        }

        .hero-item .large-hero_headline {
            padding-bottom: 8.5rem;
        }

        .rich-text h2 {
            font-size: 1.625em;
            line-height: 1.1538461538em;
        }

        .rich-text:first-of-type p:first-of-type {
            font-size: 1.5em;
            font-weight: 300;
            line-height: 1.6666666667em;
        }
        .rich-text p {
            margin: 1rem 0;
            font-size: 1.125em;
            font-weight: 300;
            line-height: 1.7777777778em;
        }
    }

    @media (min-width: 1280px) {
        .hero-container.about-us {
            height: 50vw;
            min-height: 100%;
        }

        .hero-item .large-hero_headline {
            padding-bottom: 8.5rem;
        }

        .rich-text h2 {
            font-size: 1.5em;
            line-height: 1.1666666667em;
            margin: 2.2rem 0 1.3rem !important;
        }

        .rich-text p {
            margin: 1rem 0;
            font-size: 1.125em;
            font-weight: 300;
            line-height: 1.7777777778em;
        }

        .rich-text:first-of-type p:first-of-type {
            font-size: 1.5em;
            font-weight: 300;
            line-height: 1.6666666667em;
        }
    }