/*Floating Back-To-Top Button*/
.scrollToTop {
	display: none; /* Hidden by default */
	position: fixed;
	width: 60px;
	height: 60px;
	z-index: 999; /* Make sure it does not overlap */
	float: right;
	right: 12%; /* Place the button x% from the right */
	left: 82%;
	bottom: 15px;
	background: rgb(220,000,000) url("arrow-up.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px; /* Rounded corners */
	padding: 0; /* Some padding if is needed */
	padding-top: 1px; /* Some regulation */
	outline: none; /* Remove outline */	
	font-family: "Times New Roman", Gautami, Cambria, Garamond, libertine, Constantia, serif;
	font-size: 16px;
	color: #620000; /* Text color */
	text-align: center;
	text-decoration: none;
	/* text-indent: -9999px; trick to remove text from the visible page */
	line-height: 190%;
	box-shadow: 0px 0px 8px #222; /* Button shadow */
	-moz-box-shadow: 0px 0px 8px #222;
	-webkit-box-shadow: 0px 0px 8px #222;
	cursor: pointer; /* Add a mouse pointer on hover */
}
/*On Hover Color Change*/
.scrollToTop:hover {
    background-color: rgb(128,000,000);
    text-decoration: none;
}
#back-to-top { /*Alternative Back-To-Top Button*/
	display: inline-block;
	text-decoration: none;
	bottom: 40px;
	margin-left: 10%;
	position: relative;
	width: 40px;
	height: 25px;
	border-radius: 50%;
	outline: none;
	color: #620000;
	font-size: 14px;
	text-align: center;
}
/*On Hover Color Change*/
#back-to-top:hover {
    background-color: rgb(255,255,000);
    text-decoration: none;
}
@media screen and (max-width: 768px) {
.scrollToTop {
	display: none;
	position: fixed;
	width: 48px;
	height: 48px;
	z-index: 999;
	float: right;
	right: 10%;
	left: 86%;
	bottom: 10px;
	background: rgb(220,000,000) url("arrow-up.png") no-repeat center 36%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px; 
	padding: 1px;
	padding-top: 1px;
	outline: none;	
	
	font-size: 15px;
	color: #620000;
	text-align: center;
	text-decoration: none;
	/* text-indent: -9999px; trick to remove text from the visible page */
	line-height: 180%;
	box-shadow: 0px 0px 6px #333;
	-moz-box-shadow: 0px 0px 6px #333;
	-webkit-box-shadow: 0px 0px 6px #333;
	cursor: pointer; }
}
@media screen and (min-width: 1300px) { 
.scrollToTop {
	width: 68px;
	height: 68px;
	float: right;
	right: 20%;
	left: 76%;
	bottom: 40px;
	background: rgb(220,000,000) url("arrow-up.png") no-repeat center 50%;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding-top: 0;
	font-size: 18px;
	color: #aaaaaa; /* Text color */
	line-height: 185%; }

#back-to-top { /*Alternative Back-To-Top Button*/
	margin-left: 24%;
	width: 60px;
	height: 40px;
	border-radius: 50%;
	color: #620000;
	font-size: 18px; }
}
@media screen and (max-width: 480px) {
.scrollToTop {
	display: none;
	position: fixed;
	width: 48px;
	height: 48px;
	z-index: 999;
	float: right;
	right: 14%;
	left: 82%;
	bottom: 10px;
	background: rgb(220,000,000) url("arrow-up.png") no-repeat center 36%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px; 
	padding: 1px;
	padding-top: 1px;
	outline: none;	
	/* font-family: Arial, Tahoma, Ubuntu, Calibri, sans-serif; */
	font-size: 13px;
	color: #800000;
	text-align: center;
	text-decoration: none;
	/* text-indent: -9999px; trick to remove text from the visible page */
	line-height: 200%;
	box-shadow: 0px 0px 6px #333;
	-moz-box-shadow: 0px 0px 6px #333;
	-webkit-box-shadow: 0px 0px 6px #333;
	cursor: pointer; }
}