/* ENTIRE FOOTER */

footer {

	background-color: #000;
	display: inline-block;
	width: 100%;
	margin-bottom: -8px;
	padding: 20px 0;

}

footer h5 {

	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 75%;
	color: #555;
	padding-bottom: 15px;

}

footer ul {

	list-style: none;
	padding: 20px 0;

}

footer li {

	width: 55%;
	margin: 0 auto;
	font-size: 60%;
	color: #555;
	padding: 8px 0;

}

/* FOOTER LINKS */

footer a:link,
footer a:visited {

	font-size: 100%;
	color: #555;
	text-decoration: none; /* No default underline */
	-webkit-transition: border-bottom 0.2s, color 0.2s;
			-o-transition: border-bottom 0.2s, color 0.2s;
			transition: border-bottom 0.2s, color 0.2s; /* Transition takes 0.2 seconds. */

}

footer a:hover,
footer a:active { color: #fff; }

/* ABOUT */

#about { text-align: center; }

#about a,
.follow a { border-bottom: none; }

/* FOLLOW */

footer img {

	max-width: 40px;
	height: auto;
	-webkit-transition: -webkit-transform 0.25s, -webkit-filter 0.25s;
			transition: -webkit-transform 0.25s, -webkit-filter 0.25s;
			-o-transition: transform 0.25s, filter 0.25s;
			transition: transform 0.25s, filter 0.25s;
			transition: transform 0.25s, filter 0.25s, -webkit-transform 0.25s, -webkit-filter 0.25s;
			transition: transform 0.25s, filter 0.25s, -webkit-transform 0.25s;

}

footer img:hover,
footer img:active {

	-webkit-filter: brightness(120%);
			filter: brightness(120%);		
	-webkit-transform: scale(1.05);
	        -ms-transform: scale(1.05);
	    transform: scale(1.05); /* When hovering, zoom in to 5%. */

}

.follow {

	max-width: 180px;
	margin: 20px auto;

}

.follow a {

	display: inline-block;
	margin-left: 15px;

}

/* LEGAL */

#webdesign a:link,
#webdesign a:visited { border-bottom: 1px solid #555; /* My own custom underline */ }

#webdesign a:hover,
#webdesign a:active { border-bottom: 1px solid #fff; }

.currentYear {

	font-size: 100%;
	color: #555;

}

#amazon { text-align: justify; }