.feature-date {
    font-size: 1.5rem;
}

.feature-title {
    font-size: 3rem;
}

#featured-content {
    font-size: 1.25rem;
}

.article-contents {
    background: linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

.article-title {
    font-size: 2.25rem;
}
.article-date {
    font-size: 1.15rem;
}

@media screen and (max-width: 1200px) {
    .feature-date {
        font-size: 1.25rem;
    }
    
    .feature-title {
        font-size: 2.75rem;
    }
    
    #featured-content {
        font-size: 1rem;
    }

    .article-title {
        font-size: 1.5rem;
    }
    .article-date {
        font-size: 0.8rem;
    }
}

@media screen and (max-width: 600px) {
    .feature-date {
        font-size: 1rem;
    }
    
    .feature-title {
        font-size: 1.75rem;
    }
    
    #featured-content {
        font-size: 1.25rem;
    }

    .article-title {
        font-size: 1rem;
    }
    .article-date {
        font-size: 0.6rem;
    }
}