article {
    padding: 50px 0;
}

.entry-header {
    max-width: 850px;
    margin: 0 auto 50px;
}

.entry-title {
    font-size: 32px;
    font-family: "Gotham";
    font-weight: 500;
}

.entry-content {
    max-width: 850px;
    margin: 0 auto;
    line-height: 1.7;
}

.entry-content p {
    margin-bottom: 25px;
}

.entry-content p:last-child {
    margin-bottom: 0
}

.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5 {
    line-height: 1.2;
    font-family: "Gotham";
    font-weight: 500;
}

.entry-content h2 {
    font-size: 175%;
    margin-top: 30px;
    margin-bottom: 30px;
}

.entry-content h3 {
    font-size: 137%;
    margin-top: 25px;
    margin-bottom: 25px
}

.entry-content h4,
.entry-content h5 {
    font-size: 112%;
    margin-top: 15px;
    margin-bottom: 15px;
}

.entry-content img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.entry-content strong {
    font-weight: 500;
}

.entry-content iframe {
    max-width: 100%
}

.entry-content a {
    color: var(--new-joelle-color);
}

@media (min-width: 768px) {
    article {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .entry-header {
        margin-bottom: 60px;
    }

    .entry-title {
        font-size: 48px;
    }
}

@media (min-width: 992px) {
    .entry-title {
        font-size: 60px;
    }

    .entry-content h2 {
        font-size: 210%;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .entry-content h3 {
        font-size: 150%;
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media (min-width: 1200px) {
    article {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .entry-header {
        margin-bottom: 80px;
    }
}