#backTop {
	display: inline-block;
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	position: fixed;
	bottom: 30px;
	right: 30px;
	transition: background-color .3s, 
	opacity .5s, 
	visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 999;
  }
  #backTop::after {
	content: "\f077";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 30px;
	line-height: 50px;
	color: #fff;
  }
  @media (max-width: 768px) {
    #backTop {
        font-size: 30px; 
        padding: 0; 
        margin: 0; 
    }

    #backTop::after {
        position: relative;
        top: -3px; 
        left: 0px; 
    }
}
  #backTop:hover {
	cursor: pointer;
	background-color: #1b1b1b;
  }
  #backTop:active {
	background-color: #555;
  }
  #backTop.show {
	opacity: 1;
	visibility: visible;
  }
  .circle {
	border-radius: 50%;
	box-shadow: 0px 0px 1px 1px #fafafa;
  }
  .pulse {
	animation: pulse-animation 1s infinite;
  }
  
  @keyframes pulse-animation {
	0% {
	  box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
	}
	100% {
	  box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.2);
	}
  }