/* Global Styles */
audio,
canvas,
img,
svg,
video {
    vertical-align: middle;
}

img, 
object {
    max-width: 100%;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

/* Type Styles */
body {
    font: 1em/1.4 "Helvetica", sans-serif;
}

h1 {
    font-size: 1.750em;
}
p {
    font-size: 1.125em;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/* Layout Styles */
body {
    max-width: 1000px;
    margin: 40px auto;
    width: 70%;
}


/* Post Styles */
.post-list {
    list-style: none;
    margin: 0 auto;
    padding: 0;
}
.post-list-item {
    clear: both;
    padding-bottom: 2em;
}

.post-list-item img {
    display: block;
    margin: 0 0 1em;
}

@media all and (max-width: 767px) {
    h1 {
        font-size: 1.125em;
    }
    p {
        font-size: 1em;
    }

    /* Post Styles */
    .post-list {
        width: 90%;
    }
}