article {
    margin-top: 4rem;
    max-width: 960px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 1rem;
    padding-right: 1rem;
    float:none;
}
@media screen and (min-width: 600px) {
    article {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

.comments, .feature-image .post-content, .feature-image footer, .posts .post-teaser {
    padding-left: 0;
    padding-right: 0;
}

.figure .figure__main p {
    display: flex;
    flex-wrap: wrap;
    justify-content:space-evenly;
    align-items: flex-start;
}
/* Setting a width in pixels ensures that the figure doesn't blow up on large screens
 * while taking up as much space as it can (for readability) on smaller screens*/
/* The following is only for one image class, but can be replicated with appropriate widths (assuming a total of 900, with 30px on each side for whitespace). */
.postimage_75 {
    width: 600px;
    padding: 0;
}

/* Following are for beautification rather than responsiveness */
h2 {
    margin-top: 2rem !important;
}

figure figcaption {
    text-align: left;
}

dl dd {
    margin-left: 2rem;
}

video {
    padding: 0;
    max-width: 100%;
}
@media screen and (min-width: 600px) {
    video {
        padding: 0 10%;
    }
}