.row{

	@include clearfix();

	&--gutters {
		margin-right: -60px;
	}

	&--gutters > div {
		padding-right: 60px;
	}

	@include atLarge(){

		&__medium-3--larger {
			float: left;
			width: 30%;
		}

		&__medium-4 {
			float: left;
			width: 33.33%;
		}

		&__medium-6 {
			float: left;
			width: 50%;
		}

		&__medium-8 {
			float: right;
			width: 66.66%;
		}

		&__medium-9--smaller {
			float: right;
			width: 70%;
		}

	}
	
	/* Begin Equal Height Rules */
	.flexbox &--equal-height-at-medium {

		@include atMedium(){
			display: flex;
		}

		& > div {
			float: none;
			display: flex;
		}
	}

	.flexbox &--equal-height-at-large {

		@include atMedium(){
			display: flex;
		}

		& > div {
			float: none;
			display: flex;
		}
	}
}