/*
Back to top button 
*/
@media only screen and (min-width: 480px) {
#back-top {
	position: fixed;
	bottom: 8em;
	margin-left: 1.5em;
}
}
@media only screen and (max-width: 480px) {
#back-top {
	position: fixed;
	bottom: 0em;
	margin-left: 0px;
}
}
#back-top a {

	width: 54px;

	display: block;

	text-align: center;

	font: 11px/100% Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	text-decoration: none;

	color: #bbb;

/* background color transition */

	-webkit-transition: 1s;

	-moz-transition: 1s;

	transition: 1s;

}

#back-top a:hover {

	color: #000;

}

/* arrow icon (span tag) */

#back-top span {

	width: 54px;

	height: 54px;

	display: block;

	margin-bottom: 7px;

	background: #ddd url(up-arrow.png) no-repeat center center;

/* rounded corners */

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	border-radius: 8px;

/* background color transition */

	-webkit-transition: 1s;

	-moz-transition: 1s;

	transition: 1s;

}

#back-top a:hover span {

	background-color: #777;

}