/*


1. Socail Media Icons
2. Scroll to top button*/

/*Social Media Icons */
.social-media {
	position: relative;
	font-size: 22px;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	padding: 0;
  }
  
  .social-media li a {
	color: #fff;
  }
  
  .social-media li {
	position: relative; 
	display: inline-block;
	height: 60px;
	width: 60px;
	margin: 10px 3px;
	line-height: 60px;
	border-radius: 50%;
	color: #fff;
	background-color: rgb(27,27,27);
	cursor: pointer; 
	transition: all .2s ease-in-out;
  }
  
  .social-media li:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 50%;
	opacity: 0;
	box-shadow: 0 0 0 1px #fff;
	transition: all .2s ease-in-out;
  }
  
  .social-media li:hover {
	background-color: #fff; 
  }
  
  .social-media li:hover:after {
	opacity: 1;  
	transform: scale(1.12);
	transition-timing-function: cubic-bezier(0.37,0.74,0.15,1.65);
  }
  
  .social-media li:hover a {
	color: #000;
  }
  
  .copyright {
	font: 200 14px 'Oswald', sans-serif;
	color: #555;
	letter-spacing: 1px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
  }
  
  hr {
	border-color: rgba(255,255,255,.6);
  }
  
/*===========================================================*/
/* scroll to top button*/
#myBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background-color:crimson;
	color:white;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
  }

  #myBtn:hover {
	background-color: #555;
  }