/**************************************************/
/*** BACK TO TOP BUTTON ***/
.back_to_top_button{

	position:fixed; 
	bottom:100px; 
	right:10px; 
	cursor:pointer;
	padding:15px;
	background-color:rgba(0,0,0,0.3);

	border-radius: 50%;

	transition: background-color 0.5s ease;
}

.back_to_top_button:hover{


	animation-name: MoveUpDown;
	animation-duration: 0.8s; 
	animation-timing-function: ease-out; 
	animation-delay: 0s;
	animation-direction: linear;
	animation-iteration-count: 1;

	background-color:rgb(255,221,81); 

}


.back_to_top_button i.fa{
	color:white;
	font-size: 2em;

	padding: 0;
	margin:-5px 0 0 0;

	transition: all 0.5s ease;
}


.back_to_top_button:hover i.fa{ }



@keyframes MoveUpDown {
  0% {bottom:100px; }
  50% {bottom:103px; }
  100% {bottom:100px; }
}







/**********************************************/
/* Media Queries 
/**********************************************/

/* 980 - 1200 */
@media only screen and (min-width: 980px) and (max-width:1199px) {          
}


/* 768 - 980 */
@media only screen and (min-width: 768px) and (max-width:979px) {          
}


/* < 768  */
@media only screen and (max-width: 767px){

	/* discard for small screens */
	.back_to_top_button	{bottom:-1000px;}
	}