body {
    background-color:  #6C757D;
    font-family: "Noto Sans TC";
    background-image: url("img/Contact/EMIS_MAP-1400x966.png");
    background-size: 70%;
    background-repeat: no-repeat;
  }

#contact-title
{
margin-top: 150px;

}

#contact-title .h2
{
/* font-size: 25px; */
font-size: 2.75vw;
color: white;
}

#contact-cards .card
{
border: none;

}

#contact-cards .card-header
{
font-size: 20px;
font-weight: 500;
}

#contact-cards .card-body h5
{
font-size: 20px;
font-weight: 500;
}

#contact-cards .card-body p
{
font-size: 14px;
font-weight: 300;
margin: 0px;
}


#contact-cards .card-body .btn
{
font-size: 14px;
font-weight: 300;
padding: 10px 5px ;
margin: 0px;
}

@media screen and (max-width: 1000px){

  #contact-cards .card-header
  {
  font-size: 16px;
  font-weight: 500;
  }

  #contact-cards .card-body h5
  {
    font-size: 16px;
    }
  #contact-cards .card-body p
  {
    font-size: 12px;  
  }
}    


@media screen and (max-width: 576px){

    body {
        background-size: 80%;
  
      }

    #contact-title .h2
    {
    /* font-size: 25px; */
    font-size: 5vw;
    color: white;
    }

    
    #contact-cards .card-body h5
    {
    font-size: 3.5vw;
    font-weight: 500;
    }
    
    #contact-cards .card-body p
    {
    font-size: 3.5vw;
    font-weight: 300;
    margin: 0px;
    }
    
    
    #contact-cards .card-body .btn
    {
    font-size: 3.5vw;
    font-weight: 300;
    padding: 10px 5px ;
    margin: 0px;
    }



}


@media screen and (max-width: 378px){

    body {
        background-size: 85%;
  
      }
    }