p {
    font-size:16px;
}
.article-top {
    margin:20px 60px 0 60px;
}
.article-header-img {
    margin:0 auto;
    display:block;
    min-width:350px;
    padding-top:30px;
}
.author-metadata {
    margin: 30px 20% 0 20%;
    background:#708090;
    color:white;
    border-radius:40px;
    padding:10px;
}
.author-metadata a {
    color:#001f4d;
}
.article-title {
    font-size:40px;
    margin:10px 0 10px 0;
    text-align:center;
}
.author-attributes, .original-publication, .article-permalink {
    display:block;
    text-align:center;
    margin-bottom:10px;
    font-size:14px;
}
.author {
    padding-right:9px;
    border-right:2px solid white;
}
.publication-td {
    padding-left:7px;
}
.article-content, .article-content p, .article-footnotes, .article-footnotes p, .footnote-title {
    padding:5px 10px 5px 10px;
    margin-left:20px;
    margin-right:20px;
}
.article-footnotes {
    margin-top:20px;
}
.footnote-title {
    font-size:20px;
}
@media only screen and (max-width: 1074px) {
    .author-metadata {
        margin:30px 0 30px 0;
    }
    .article-card-preview {
        display:none;
    }
    .article-card-internal-img {
        text-align:center;
    }
    .article-card-internal img {
        width:200px;
    }
}
@media only screen and (min-width: 1075px) {
    .article-card-preview {
        display:block;
        color:#001f4d;
        padding:5px;
    }
    .article-card-internal {
        display:flex;
    }
    .article-card-internal img {
        height:200px;
        width:300px;
        margin-right:10px;
    }
}
.articles-container {
    width:70%;
    display:block;
    margin:60px 15% 60px 15%;
}
.article-archive-heading {
    text-align:center;
    margin:0;
    padding-top:100px;
}
.end-of-results {
    text-align:center;
    display:block;
    margin:40px 0 40px 0;
}
.article-card {
    width:calc(100% - 40px);
    margin-top:20px;
    margin-bottom:20px;
    padding:20px;
    box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.article-card:hover {
    box-shadow:0 4px 8px 0 rgba(0,0,0,0.35),0 6px 20px 0 rgba(0,0,0,0.3);
}
.article-card-title, .article-card-metadata {
    display:block;
    color:#001f4d;
    padding:5px;
}
.article-card-title {
    font-size:20px;
    font-weight:bold;
}
.article-card-preview {
    font-size:14px;
}