/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playball&display=swap'); */


@font-face {
    font-family: 'Chie-Bold';
    src: url('../../fonts/MYingHeiHK-W4.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



:root {
  /* --secondary-title-font:'Playball', cursive; */
  --primary-font:  'Chie-Bold';
  /* --modal-title-font: 'Playball', cursive; */
  }
/* Traditional Chinese - Cantonese */
body.cantoneselng *,body.cantoneselng,html.cantoneselng{font-weight: 400; font-family: var(--primary-font)}
h1{font-weight:600;}
h2, h3{font-weight: 500;}
h1{font-size: 5.625rem;}
h2{font-size: 3.75rem;}
h3{font-size:2.625rem;}
section p{font-size: 1.375rem;}
#crmpages .formarea h6, #invitation_voucher p{font-family: var(--primary-font)}
.cantoneselng section#contact-us .inner-fot p {
  font-size: 20px;
}
.cantoneselng section#contact-us .inner-fot p span {
  font-size: var(--regular-font-size);
}
@media(max-width: 1896px){
    h1{font-size: 4rem;}
    h2{font-size: 2.75rem;}
    h3{font-size: 1.75rem;}
    .banner-content h1 {
        font-size: 3.5rem;
      }
    .banner-content h2 {
        font-size: 2.25rem;
    }
  }
  @media(max-width:1630px){
    h1{font-size: 4.5rem;}
    h2{font-size: 3.25rem;}
    h3{font-size: 2rem;}
    .banner-content h1 {
        font-size: 4rem;
      }
    .banner-content h2 {
        font-size: 2.75rem;
    }
  }

  @media(max-width:1530px){
    h1{font-size: 4rem;}
    h2{font-size: 3rem;}
    h3{font-size: 2.25rem;}
    section p{font-size: 1.15rem; line-height: 1.5em;}
    #becomeMember .member__form .form-group input[type="submit"]{font-size: 1rem;}
    .banner-content h1 {
        font-size: 3.5rem; 
      }
    .banner-content h2 {
        font-size: 2.50rem;
    }
      body.cantoneselng .banner-content h1 {
    line-height: 70px;
}
  }
  @media(max-width:1430px){
    .cantoneselng section#contact-us .inner-fot p span {
      font-size: 20px;
  }
  .cantoneselng section#contact-us .inner-fot p {
    font-size: 16px;
}
    h1{font-size: 3.5rem}
    h2{font-size: 2.75rem}
    .banner-content h1 {
        font-size: 2.5rem;
      }
      body.cantoneselng .banner-content h1 {
    line-height: 56px;
}

    .banner-content h2 {
        font-size: 2rem;
    }
  }

 @media only screen and (min-device-width: 1201px) and (max-device-width: 1290px) {
      body.cantoneselng .banner-content h1 {
    font-size: 2rem;
}
    }

  

  @media (max-width: 1200px){

    h1{font-size: 3rem;}
    h2{font-size: 2.25rem}
    #bannerSection .banner-content{bottom:5rem; right:3rem;}
    h3{font-size: 1.5rem;}
    .banner-content h1 {
        font-size: 2.75rem;
      }
    .banner-content h2 {
        font-size: 2rem;
    }
  }


  @media (max-width: 991px){
    .cantoneselng section#contact-us .inner-fot p span {
      font-size: 18px;
  }
  .cantoneselng section#contact-us .inner-fot p {
    font-size: 16px;
}
    h1{font-size:2rem}
    h2{font-size:1.5rem;}
    section p{font-size: 1rem;}
    .banner-content h1 {
        font-size: 2rem;
      }
    .banner-content h2 {
        font-size: 1.5rem;
    }
  }

  @media (max-width: 767px){
    #bannerSection .banner-content{bottom:3rem;right: 1.25rem;}
    h1{font-size: 1.5rem;}
    h2{font-size: 1.25rem;}
    .banner-content h1 {
        font-size: 1.5rem;
      }
    .banner-content h2 {
        font-size: 1.25rem;
    }
    .cantoneselng section#contact-us .inner-fot p {
      font-size: 14px;
  }
  }