/* MARKUP */
body {
	margin-bottom: 32px;
}

/* FOOTER */
.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 32px;
    background-color: #f8f8f8;
    border-top: 1px solid #e7e7e7;
}
.footer img {
	width: 100%;
	display:none;
}
.footer p {
	position: absolute;
	bottom: 0;
	color: #333;
	margin: 0 0 5px;
}

@media (min-width: 768px) {
	
	/* MARKUP */
	body {
	  margin-bottom: 165px;
	}

	/* FOOTER */
	.footer {
		height: 165px;
		border-top: 0;
		background: #fff;
		  background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
		  background: -o-linear-gradient(rgba(255,255,255,0) rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
		  background: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
		  background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* Standard syntax */
	}
	.footer img {
		display:inline;
	}

}

@media (min-width: 992px) {

	/* MARKUP */
	body {
	  margin-bottom: 210px;
	}
	
	/* FOOTER */
	.footer {
		height: 210px;
	}
	
}

@media (min-width: 1200px) {

	/* MARKUP */
	body {
	  margin-bottom: 250px;
	}
	
	/* FOOTER */
	.footer {
		height: 250px;
	}

}