body {
    background-color: #f9d2d2;
}

p {
    padding-right: 10vw;
    padding-left: 10vw;
}

a {
    text-decoration: none;
    color: #000;
}

.articles-container {
    display: flex;
    flex-direction: column;
}

.article {
    text-align: center;
    margin-top: 140px;
}

.article:first-of-type {
    margin-top: 287px;
}

.article:last-of-type {
    margin-bottom: 450px;
}

.articles-editorial {
    font-family: EditorialNew;
    font-size: 89.4px;
    font-weight: 200;
    line-height: 82px;
    letter-spacing: -2.48px;
    margin-top: 10px;
    margin-bottom: -5px;
}

.articles-leipziger {
    font-family: jaf-lapture-display;
    font-size: 74.5px;
    line-height: 62.1px;
    letter-spacing: -1px;
}

.articles-erica {
    font-family: EricaType;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.17px;
    margin-top: 41px;
}

.articles-no-results {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.article > img,
.article > a > img,
.article > .article-play-pause-container {
    margin-top: 20px;
}

.article-play-pause-container {
    display: inline-block;
}

.article-play-pause-container > img {
    margin-right: 10px;
    cursor: pointer;
}

@media only screen and (min-width: 1921px) {
    .article {
        margin-top: 7.36vw;
    }

    .articles-editorial {
        font-size: 89.4px;
        line-height: 82px;
        font-size: 4.71vw;
        font-size: 5.652vw;
        line-height: 4.32vw;
        line-height: 5.184vw;
    }

    .articles-leipziger {
        font-size: 74.5px;
        line-height: 62.1px;
        font-size: 3.92vw;
        font-size: 4.704vw;
        line-height: 3.27vw;
        line-height: 3.924vw;
    }

    .articles-erica {
        font-size: 24px;
        line-height: 28px;
        margin-top: 41px;
        font-size: 1.26vw;
        font-size: 1.512vw;
        line-height: 1.47vw;
        line-height: 1.764vw;
        margin-top: 2.16vw;
        margin-top: 2.592vw;
    }
}

@media only screen and (max-width: 768px) {
    p {
        padding-right: 3vw;
        padding-left: 3vw;
    }

    .article:first-of-type {
        margin-top: 80px;
    }

    .article:last-of-type {
        margin-bottom: 250px;
    }

    .article {
        margin-top: 80px;
    }

    .articles-editorial {
        font-size: 47px;
        line-height: 43px;
        letter-spacing: -1.31px;
    }

    .articles-leipziger {
        font-size: 39px;
        line-height: 36.5px;
    }

    .articles-erica {
        font-size: 18px;
        line-height: 21px;
        letter-spacing: -0.12px;
        margin-top: 21px;
    }
}