.project + .project {
    margin-top: 4.5em; /* 72px */
}

.title {
    font-size: 1.25em; /* 20px */
    line-height: 1.2;  /* 24px */
    font-weight: 400;

    margin: 0;
}

.title > q {
    margin-left: 1em; /* 20px */
}

.subtitle {
    font-size: 1em;   /* 16px */
    line-height: 1.5; /* 24px */
    font-weight: 400;
    text-align: center;

    margin: 1.5em 0 0 0; /* 24px 0 0 0 */
}

.gallery {
    text-align: center;
}

.gallery-item {
    display: inline-block;

    margin: 1.5em 0.625em 0 0.625em; /* 24px 10px 0 10px */
}

.gallery-caption {
    font-size: 0.75em; /* 12px */
    line-height: 1.5;  /* 18px */

    margin-top: 0.75em; /* 9px */
}



@media screen and (max-width: 36.25em) {
    /* .hivpreventionandtreatment */
    .hivpreventionandtreatment .gallery-item {
        margin: 1.5em 0 0 0; /* 24px 0 0 0 */
    }

    .hivpreventionandtreatment .gallery-item > img {
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width: 29.8125em) {
    /* .sleepingbeautyandtsetseflies */
    .sleepingbeautyandtsetseflies .gallery-item {
        margin: 1.5em 0 0 0; /* 24px 0 0 0 */
    }

    .sleepingbeautyandtsetseflies .gallery-item > img {
        width: 100%;
        height: 100%;
    }

    /* .catchinavice */
    .catchinavice .gallery-item {
        margin: 1.5em 0 0 0; /* 24px 0 0 0 */
    }

    .catchinavice .gallery-item > img {
        width: 100%;
        height: 100%;
    }
}