html {
	min-width: 280px;
	position: relative; /* footer */
	min-height: 100%; /* footer */
}

body {
	margin-bottom: 330px; /* footer */
}
@media (min-width: 576px) {
	body { margin-bottom: 260px; } /* footer */
}
@media (min-width: 768px) {
	body { margin-bottom: 210px; } /* footer */
}

footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 330px;
	overflow: hidden;
}
@media (min-width: 576px) {
	footer { height: 260px; }
}
@media (min-width: 768px) {
	footer { height: 210px; }
}