@CHARSET "ISO-8859-1";

html {
	position   : relative;
	min-height : 100%;
}


body {
	margin-bottom : 200px;
}


.footer {
	position : absolute;
	bottom   : 0;
	width    : 100%;
	height   : 200px;
}


/** If the footer text changes, these need to change to account for when it wraps **/
@media ( max-width : 991px) {
	body {
		margin-bottom : 248px;
	}

	.footer {
		position : absolute;
		bottom   : 0;
		width    : 100%;
		height   : 248px;
	}
}


@media ( max-width : 767px) {
	body {
		margin-bottom : 506px;
	}

	.footer {
		position : absolute;
		bottom   : 0;
		width    : 100%;
		height   : 506px;
	}
}


@media ( max-width : 447px) {
	body {
		margin-bottom : 525px;
	}

	.footer {
		position : absolute;
		bottom   : 0;
		width    : 100%;
		height   : 525px;
	}
}


@media ( max-width : 323px) {
	body {
		margin-bottom : 544px;
	}

	.footer {
		position : absolute;
		bottom   : 0;
		width    : 100%;
		height   : 544px;
	}
}