body > main {
    header {
        margin: 20px 0;
        text-align: center;
        .info {
            font-size: 0.85rem;
            color: var(--text-slate);
            margin-top: 10px;
            margin-bottom: 20px;

            div.filters { display: inline-flex }
        }

        #cover {
            width: 100%;
            height: 400px;
            background-size: cover;
            background-position: center;
            margin-bottom: 20px;
            border-radius: 0;
        }
    }
    article {
        p:first-child {
            font-size: 1.3rem;
            color: var(--brand-charcoal);
            font-weight: 500;
            margin-bottom: 30px;
        }
    }
}

@media (max-width: 800px) {
    body > main header #cover { height: 250px }
}