.image-grid {
    display: flex;
    flex-wrap: wrap;

    .item {
    	width: 33.3333%;

        &:nth-child(3n+1) {
        	padding-left: 0;
        	padding-right: $gutter-size / 3;
        	padding-bottom: $gutter-size;
        }
        &:nth-child(3n+2) {
        	padding-left: $gutter-size / 3;
        	padding-right: $gutter-size / 3;
        	padding-bottom: $gutter-size;
        }
        &:nth-child(3n+3) {
        	padding-right: 0;
        	padding-left: $gutter-size / 3;
        	padding-bottom: $gutter-size;
        }

		.item-image {
    		position: relative;
			height: 140px;
			background-size: cover;
			background-position: center center;
            @include break(from-desktop) {
            height: 240px;                
            }

			.label {
				position: absolute;
				bottom: 0;
				left: 0;
				background-color: fade-out($blue, .2);
				color: $white;
				padding: .5em 1em;
				@include font-size(16);
			}
		}
    }
}