/* Dropdown Button */
.dropbtn {
  background-image: url('../images/share.svg');
 background-color: #cccccc;
  color: white;
  font-size: 16px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  width:60px;
  height:60px;
   transition: 0.5s; 
   animation: borderPulse 1300ms infinite ease-out, colorShift 13000ms infinite ease-in;
}
/* Dropdown button on hover & focus */
.dropbtn:hover {
  transform: scale(1.2);
  animation: none;
}

/* Declare border pulse animation */
@keyframes borderPulse {
  0% {
    box-shadow: 0px 0px 0px 1px rgba(92, 196, 237,.8);
  }
  25% {
    box-shadow: 0px 0px 0px 5px rgba(92, 196, 237,.6);
  }
  50% {
    box-shadow: 0px 0px 0px 10px rgba(92, 196, 237,.3);
  }
  100% {
    box-shadow: 0px 0px 0px 15px rgba(92, 196, 237,.1);
  }
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  right: 90px;
    position: fixed;
    display: inline-block;
    bottom: 80px;	
    z-index: 9999;
}
@media (min-width: 200px) and (max-width: 1199.98px) {	
  .dropdown {
	right: 7vw!important;
  }
.language {
	display: block;
	margin-top: 150%;
    font-size: 15px;
}

}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background: none;
  min-width: 265px;
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  text-decoration: none;
  display: block;
  width:60px;
  height:60px;
  clear: right;
  float: left;
  margin-right: 16px;
   transition: 0.5s; 
}
.dropdown-content a img {
  width:60px;
  height:60px;
	
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {transform: scale(1.2);}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
	display:block;
	right: 60px;
    bottom: 0px;
}