.case-study {
    padding: 15px;
    .title, .name, .location {
        color: $light-grey;
        text-transform: uppercase;
        font-size: 1.25rem;
        letter-spacing: 2px;
        text-align: center;
        margin-bottom: 0;
    }
    .title {
        @include media-breakpoint-up(md) {
            padding-top: 2rem;
        }
        @include media-breakpoint-down(sm) {
            padding-top: 1.5rem;
        }
    }
    .sub-title {
        color: $light-grey;
        text-transform: uppercase;
        font-size: 0.9rem;
        letter-spacing: 2px;
        text-align: center;
        margin-bottom: 0;
        padding: 0 4rem;
    }
    .divider {
        padding-bottom: 1rem;
        &:after {
            padding-top: 1rem;
            width: 100%;
        }
    }
}

.light-link {
    @include media-breakpoint-down(sm) {
        &:before {
            padding-top: 100%!important;
        }
    }
}