body {
    font-size: 18px;
}
.project-post {
    position: relative;
    z-index: 8;
    margin-top: 66px;
}
.project-text {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 640px;
}
.project-text h1 {
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    font-size: 218%;
    line-height: normal;
    margin-bottom: 0.1em;
    color: #111111;
}
.post-subtitle {
    font-family: 'PT Sans', sans-serif;
    font-style: italic;
    font-weight: 400;
    text-transform: none;
    font-size: 118%;
    line-height: normal;
    margin-bottom: 0.5em;
}
.header {
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    font-size: 164%;
    line-height: normal;
    margin: 1.5em 0 0.5em 0;
}
.subhead {
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    font-size: 139%;
    line-height: normal;
    margin: 1.25em 0 0.5em 0;
}
.project-text p {
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 100%;
    line-height: 174%;
    word-break: keep-all;
}
.project-text ul {
    list-style-type: square;
    list-style-position: outside;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 100%;
    line-height: 160%;
    word-break: keep-all;
    margin-left: 0;
    margin-bottom: 1em;
}
.project-text ol {
    list-style-type: decimal;
    list-style-position: outside;
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 100%;
    line-height: 160%;
    word-break: keep-all;
    margin-left: 0;
    margin-bottom: 1em;
}
.project-text li {
    margin-bottom: 1em;
}
.project-text ul > li {
    font-size: 92%;
    margin-bottom: 0.5em;
}
.project-text p > a {
    font-size: 100%;
    letter-spacing: 0;
    text-transform: none;
}
.project-post .caption-center {
    display: block;
    text-align: center;
    font-style: italic;
    font-size: 75%;
    line-height: 147%;
    margin: 0.75em auto 2.5em auto;
    padding: 0 30px;
    max-width: 700px;
}
.project-post .caption-side {
    display: block;
    font-style: italic;
    font-size: 75%;
    line-height: 147%;
    margin: 0.75em 0 1em 0;
    width: 280px;
    padding: 0;
}

.divider {
    margin: 36px auto 40px auto;
    text-align: center;
    font-size: 80%;
    letter-spacing: 0.8em;
    color: #8c7269;
}

.img-center {
    display: block;
    width: 100%;
    height: auto;
    padding-top: 0.75em;
}
.img-side {
    width: 280px;
    height: auto;
}
.img-left-container {
    position: relative;
    float: left;
    width: 300px;
    margin: 0.75em 2em 1em 13%;
    z-index: 10;
    padding-right: 0.75em;
    border-right: 1px solid #8c7269;
    border-bottom: 6px solid #8c7269;
}
.img-right-container {
    position: relative;
    float: right;
    width: 300px;
    margin: 0.75em 13% 1em 2em;
    z-index: 10;
    padding-left: 0.75em;
    border-left: 1px solid #8c7269;
    border-bottom: 6px solid #8c7269;
}
.img-center-container {
    position: relative;
    width: 74%;
    margin: auto;
    z-index: 10;
    text-align: center;
}
.img-prototype {
    display: block;
    max-width: 375px;
    margin: auto;
    height: auto;
    padding-top: 0.75em;
}

@media (max-width: 768px) {
    .project-text {
        width: auto;
        margin: 0 30px;
    }
    body {
        font-size: 15px;
    }
    .project-post .caption-center, .project-post .caption-side {
        display: block;
        text-align: center;
        font-style: italic;
        font-size: 85%;
        line-height: 147%;
        margin: 0.75em auto 2em auto;
        padding: 0 20px;
        width: auto;
    }
    .img-center {
        margin-right: 0;
        padding-right: 0;
    }
    .img-side {
        display: block;
        width: 100%;
        height: auto;
        padding-top: 0.75em;
    }
    .img-left-container, .img-right-container, .img-center-container, .img-prototype {
        position: relative;
        margin: 0.75em auto 0 auto;
        padding: 0 30px;
        float: none;
        width: 100%;
        border: none;
    }
    .divider {
        margin: 21px auto 24px auto;
        font-size: 60%;
    }
}
