.ArticleContainer {
    display: grid;
    padding: 20px;
    width: 500px;
}

.ArticleSection {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    align-items: center;
    justify-items: center;
}

.ArticleSection {
    padding-top: 100px;
    padding-bottom: 100px;
}

.ArticleLegend {
    font-size: small;
    text-align: right;
    font-weight: light;
}

.ArticleHead h1 {
    font-size: 64px;
    margin-bottom: 0px;
}

.ArticleHead h3 {
    opacity: 0.8;
    font-size: larger;
    margin-bottom: 25px;
}

.ArticleHead p {
    font-size: x-small;
}

.ComingSoonArticle img{
    transform: scale(100%);
    transition: transform 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

.ComingSoonArticle img:hover {
    transform: scale(105%);
}

@media only screen and (max-width: 600px) {
    .ArticleSection {
        display: grid;
        grid-template-columns: none;
        align-items: center;
        justify-items: center;
    }

    .ArticleContainer {
        width: auto;
    }
}