.photo-grid {
    margin: -7px;
}

.photo-grid__item {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    min-height: 365px;
    margin-right: -4px;
    padding: 7px;

    @media (min-width:600px) {
        width: 50%;
    }

    @media (min-width:992px) {
        width: 33.333333%;
    }
}

.photo-box {
    width: 100%;
    height: 100%;
    padding: 40px 30px;
    background-color: var(--brand-grey-dark);
    background-size: cover;
    background-position: center center;
    color: #fff;

    @media (min-width:768px) {
        padding: 50px 35px;
    }
}

.photo-box__title {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 26px;

    @media (min-width:768px) {
        font-size: 32px;
    }
}

.photo-box__text {
    font-size: 16px;
    font-weight: 300;

    @media (min-width:768px) {
        font-size: 18px;
    }
}