@media (max-width: 1168px) {
    .page-body-content-section.page-body-content-section--projects-home .section-content-body {
        justify-content: space-around;
    }
}

.page--projects .page-body {
    background: url(/images/projects-background-661189c75381be246728e8421f01d3ae.svg) center top+50px no-repeat;
    background-size: 100vw auto;
}

.preview--project .preview-content {
    width: 370px;
    line-height: 170%;
}

.preview--project .preview-annotation {
    font-size: 14px;
    vertical-align: bottom;
}

.preview--project-home {
    width: 360px;
    border-bottom: 0;
    z-index: 1;
    padding: 30px;
    background: white;
    box-shadow: 0 4px 4px 0 #00000040
}

.preview--project-home:hover {
    border-bottom: 0;
}

.preview--project-home:after {
    display: none;
}

.preview--project-home > div:last-child,
.preview--project-home > a > div:last-child,
.preview--project-home > div:first-child,
.preview--project-home > a > div:first-child {
    padding: 0;
}

.preview--project-home .preview-content {
    align-items: flex-start;
    text-align: left;
    padding: 0;
    height: 100%;
    box-shadow: none;
    background: transparent;
}

@media (max-width: 1184px) {
    .page--projects .section-content-body {
        justify-content: space-around;
    }

    .preview--project,
    .preview--project .preview-content,
    .preview--project-home {
        max-width: 100%;
    }

    .preview--project .preview-annotation {
        font-size: 11px;
    }
}