.superheader {
    display: flex;
    height: 100vh;
    align-items: center;
    justify-content: center;
}
.superheader_container {
    display: grid;
    grid-template-columns: 1fr;
}
.superheader_text {
    font-size: 3.5rem;
    letter-spacing: .25rem;
    color: #FFD60A;
    align-self: center;
    justify-self: center;
    margin: 0;
}
.social_icons {
    display: grid;
    width: 20vw;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin-top: .5rem;
}
.social_icons img {
    -webkit-filter: invert(100%);
    filter: invert(100%);
    width: 2rem;
}
.social_icons img:hover {
    cursor: pointer;
}
@media screen and (max-width: 786px) {
    .social_icons img {
        margin-top: 1rem;
    }
}

@media screen and (max-width: 786px) {
    .superheader {
        height: 85vh;
    }
    .superheader_text {
        font-size: 3rem;
    }
}
.home_tiles {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin: 1rem auto;
    grid-template-areas: 
    "blog quote"
    "yt quote"
    "yt null";
}
@media screen and (max-width: 900px) {
    .home_tiles {
        grid-template-columns: 1fr;
        grid-template-areas: 
        "blog"
        "quote"
        "yt"
        "null";
    }
}
.blog_grid {
    border: 2px solid #FFD60A;
    padding: 1rem;
    grid-area: blog;
}
.recent_article_link {
    text-decoration: none;
    color: #FFFF;
}
.recent_article_link:hover {
    cursor: pointer;
}
.article_date {
    color: #9e9e9e;
    font-size: 1.2rem;
    margin-bottom: 0;
}
.article_headline {
    color: #006bcf;
    font-size: 1.5rem;
    margin-top: 0;
    line-height: 1.25rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; 
            line-clamp: 3; 
    -webkit-box-orient: vertical;
}
.article_subheader {
    line-height: 1.25rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; 
            line-clamp: 3; 
    -webkit-box-orient: vertical;
}
.quote_grid {
    border: 2px solid #FFD60A;
    padding: 1rem;
    grid-area: quote;
}
.quote_grid img {
    width: 100%;
    object-fit: cover;
}
.youtube_embed_grid {
    display: grid;
    gap: 1rem;
    grid-template-rows: 1fr 2fr;
    border: 2px solid #FFD60A;
    padding: 1rem;
    grid-area: yt;
}
@media screen and (max-width: 900px) {
    .youtube_embed_grid {
        display: grid;
        grid-template-rows: 1fr 1fr;
        border: 2px solid #FFD60A;
        padding: 1rem;
        grid-area: yt;
    }
}
.youtube_embed_grid iframe {
    aspect-ratio: 1/1;
}