/* Footer*/
.footer{
  width:100vw;
  background-color: #eeeeee;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin:0 auto;
  padding-top:20px;
  margin-top:20px;
  gap:1vh;
  text-align:center;
}

.footer h3{
  color:rgb(102, 102, 102);
  font-size: clamp(0.75rem, 0.3971rem + 1.1765vw, 1.1rem);
  margin:0;
}

/* map Logo Container*/
.mapLogoContainer{
  display:flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap:10px;
  width:auto;
}

.mapLogoContainer a{
  width:30vw;
  max-width:100px;
}

.mapLogoContainer img{
width:100%;
}

/* copyright */
.copyright{
  width: 100%;
  background-color: #eeeeee;
  display:flex;
  justify-content: center;
  align-items: center;
  padding-bottom:20px;
  text-align: center;
}

.copyright h6{
  line-height: normal;
  color:rgb(102, 102, 102);
  margin: 1vh 0 0.5vh 0;
}

.busSpan{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.rotate{
  height: auto;
  object-fit: scale-down;
  width: 15px;
}

.membership_footer{
  width:100%;
  background-color:#eeeeee;
  display:flex;
  justify-content: center;
  align-items: center;
  padding-top:1vh;
}

.membership_footer img{
  width:calc(85% - 40px);
  padding:0 20px;
  max-width:860px;
}

 @media screen and (max-width: 768px){
  .copyright h6{
    transform:scale(0.9);
    transform-origin: center center;
  }
 } 

 @media screen and (max-width: 538px){
  .copyright h6{
    transform:scale(0.9);
    transform-origin: top center;
    margin-top:0;
  }


.footer h3{
  transform:scale(0.9);
}

.membership_footer img{
  width:calc(100% - 40px);
  max-width:500px;
}
 } 

 /* mobile */
 @media screen and (max-width: 450px){
  /* copyright */
.copyright{
  padding-bottom:10px;
}
  .copyright h6{
    transform:scale(0.8);
    transform-origin: center center;
  }
  .footer{
    transform:scale(1);
    transform-origin: center bottom;
  }

 
 } 

 .menu_socialMedia{
  width:100%;
  height:1vw;
  display:flex;
  flex-direction:row;
  justify-content: center;
  align-items:center;
  z-index:2000;
  font-size:25px;
  gap:20px;
  padding:20px 0 15px;
  background-color:#eeeeee;
}

.menu_socialMedia a{
  color:white;
  max-width:25px;
  max-height:25px;
  display:flex;
  justify-content: center;
  align-items:center;
}

.menu_socialMedia a:hover{
filter:brightness(0.8) !important; 
}


.facebook,.facebook img,.instagram,.instagram img,.wechat,.wechat img,.weibo,.weibo img,.redbook, .redbook img{
width:23px;
height:23px;
max-width:25px;
max-height:25px;
min-width:16px;
min-height:16px;
}