#footer {
		border-radius: 10px 10px 0 0;
		background: #004b66;
		width: 100%;
		height: 16vh;
		z-index: 100;
	}
	
	#footer button {
		border: 2px solid;
		border-color: #33ccff;
		border-radius: 10px;
		text-decoration: none;
		outline: none;
		background-color: #006080;
		color: #b3ecff;
		width: 7vh;
		height: 7vh;
		vertical-align: top;
	}
	
	#footer button img{
		width: 100%;
		filter: none;
	}
	
	#footer #resume {
		width: 12vh;
		font-size: 2.25vh;
		font-weight: bold;
	}
	
	#footer button:hover {
		color: #ffffff;
		background-color: #0086b3;
	}
	
	#footer button:hover img {
		filter: brightness(0) invert(1);
	}
	
	#footer button:active {
		color: #ffcc00;
		text-shadow: 0 0 8px #ff8300;
		background-color: #005e80;
	}
	
	#footer button:active img {
		filter: brightness(1) saturate(10) hue-rotate(220deg);
	}
	
	#footer-copyright {
		float: center;
		margin-top: 2vh;
		font-size: 2vh;
		text-align: center;
		color: #80dfff;
	}
	
	#footer-social {
		float: center;
		margin-top: 2vh;
	}
	
	#footer-social ul {
		text-align: center;
		list-style-type: none;
		padding: 0;
	}
	
	#footer-social ul li {
		display: inline-block;
		padding-right: 10px;
	}
	
	@media (min-width: 992px) {	
		#footer {
			height: 12vh;
		}
		
		#footer-social {
			float: right;
		}
	
		#footer-copyright {
			float: left;
			font-size: 16pt;
			margin-top: 4vh;
		}
		
		#footer button {
			width: 8vh;
			height: 8vh;
		}
	
		#footer #resume {
			width: 16vh;
			font-size: 2.75vh;
		}
	}