// Styling for the post page .post-preview {

>a {
    color: $gray-900;

    &:focus,
    &:hover {
        text-decoration: none;
        color: $primary;
    }

    >.post-title {
        font-size: 30px;
        margin-top: 30px;
        margin-bottom: 10px;
    }

    >.post-subtitle {
        font-weight: 300;
        margin: 0 0 10px;
    }
}

>.post-meta {
    font-size: 18px;
    font-style: italic;
    margin-top: 0;
    color: $gray-600;

    >a {
        text-decoration: none;
        color: $gray-900;

        &:focus,
        &:hover {
            text-decoration: underline;
            color: $primary;
        }
    }
}

@media only screen and (min-width: 768px) {
    >a {
        >.post-title {
            font-size: 36px;
        }
    }
}

}