Responsive helper class

/***********************************************
HULPJE
***********************************************/



footer {

	:after {
			content: "content";
			display: block;
			height: 16px;
			position: fixed;
			bottom: 0;
			left: 0;
			width: 100%;
			text-align: center;

		}

	@include breakpoint(small) {
		:after {
			content: "SMALL";
			background-color: #0f9;
		}
	}
	
	@include breakpoint(medium) {
			:after {
				content: "MEDIUM";
				background-color: #f06;
		}
	}

	@include breakpoint(large) {
		:after {
			content: "LARGE";
			background-color: #90f;
		}
	}
}