/* FOOTER */

footer {
	position: absolute;
	bottom: 0;
	border-top: 1px solid #00F;
	width: 100%;
	height: 100px;
	background-color: rgba(255, 255, 255, .75);
}

footer .center {
	float: left;
	width: 80%;
}

footer .center p {
	margin-top: .5rem;
	text-align: center;
}

footer .center span {
	color: #888;
	font-size: .85rem;
	line-height: 2rem;
	text-align: center;
}

footer .center span br {
	display: none;
}

footer .left {
	float: left;
	padding: 1rem 0 0 1rem;
	width: 10%;
}

footer .left a {
	display: block;
	width: 80px;
}

footer .left p {
	color: #888;
	font-size: .85rem;
	line-height: 2rem;
}

footer .left img {
	width: inherit;
	height: auto;
	filter: drop-shadow(0px 0px .5px #00F);
}

footer .right {
	float: right;
	padding: 1rem .5rem 0 0;
	width: 10%;
}

footer .right img {
	float: right;
	width: 70px;
	height: auto;
	filter: drop-shadow(0px 0px .5px #00F);
}

@media only screen and (max-width: 991px){
	footer .center span {
		line-height: .85rem;
	}

	footer .center span br {
		display: inline;
	}
}

@media only screen and (max-width: 767px){
	footer {
		position: relative;
		height: auto;
	}
}

@media only screen and (max-width: 575px){
	footer .center {
		float: left;
		padding: .5rem 0 0 .5rem;
	}

	footer .center img {
		float: left;
		margin-right: .5rem;
	}

	footer .left {
		padding: .5rem .5rem  0 0;
		height: auto;
	}

	footer .right {
		padding: .5rem 0 1rem;
		text-align: center;
	}

	footer .right img, footer .left img {
		width: 60px;
	}
}