body {


  overflow: hidden;
  			background-image: url('back.jpg');

  background-repeat: repeat;

}

.social {
  position: absolute;
  width: 100%;
  top: 58%;
  text-align: center;
  transform: translateY(-50%);
}

.social .link {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 2px dashed white;
  background-clip: content-box;
  padding: 10px;
  transition: .5s;
  color: #D7D0BE;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 70px;
}

.social .link span {
  display: block;
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.social .link:hover {
  padding: 20px;
  color: white;
  margin-left: -5px;
  transform: translateX(10px) rotate(360deg);
}

.social .link.google{
  background-color: #fbbc05;
  color: white;
}

.social .link.map{
  background-color: #c70909;
  color: white;
}

.social .link.waze{
  background-color: #15cefd;
  color: white;
}

.social .link.zaina{
  background-color: #e1257c;
  color: white;
  border:1px solid #000;
}


.social .link.whatsapp {
  background-color: #25d366;
  color: white;
}

.social .link.tiktok {
  background-color: #010101;
  color: white;
}

.social .link.facebook {
  background-color: #1877f2;
  color: white;
}

.social .link.instagram {
  background-color:#c32aa3;
  color: white;
}

.social .link.jops {
  background-color:#f46f30;
  color: white;
  
}
.title {
font-size: auto;
 
  
}
.social .link.shop {
  background-color:#bd081c;
  color: white;
}


.logo {
	z-index:10000000000000;
	 position:absolute;
 
	  width: 100%;
  top: 30%;
  text-align: center;
  transform: translateY(-50%);

  text-align: center;
  

	
}

.logo  img{
	z-index:10000000000000;

-webkit-filter: drop-shadow(5px 5px 5px #FFF);
  filter: drop-shadow(5px 5px 5px #FFF);  

	
}


@media screen and (max-width:1300px) {
 .logo {
	  top: 11%;
	  
  }
}





.logo img:hover {
	opacity:0.8;

 
 
}