body {
    font-family: "Kittithada_Light45";
    font-size: 2.4vw;
    line-height: 2.4vw;
    color: #21362C;
    background-color: #fff;    
  }
.header {
    font-family: "Kittithada_Roman55";
    font-size: 2.4vw;
    line-height: 2.4vw;
    
}
#footer {
    background-color: #A4BCB0;
    padding: 2rem 0rem 0rem 0rem;
}
#ending {
    background-color: #A4BCB0;
}
.logo {
    width: 20%;
    vertical-align: baseline;
}
.btn-chaiyapruek {
   width: 24%;
    cursor: pointer;
}
.bullet {
    vertical-align: middle;
    width: 4%;
}
.hr-chaiyapruek {
    border-color: #21362C !important;
    opacity: 1;
}
.text-footer {
    color: #4e4f51;
    font-size: 1.6vw;
    line-height: 1.6vw;
  }
 
@media (max-device-width: 991px), screen and (max-device-width: 767.5px),
  screen and (max-width: 767.5px) and (orientation: portrait)  {
    body {        
        font-size: 6vw;
        line-height: 6vw;        
      }
    .header {
        font-size: 6vw;
        line-height: 6vw;      
    }
    .logo {
        width: 30%;
        vertical-align: baseline;
    }
    .text-footer {
        font-size: 4.5vw;
        line-height: 4vw;
      }
    .bullet {
        vertical-align: sub;
        width: 4%;
    }
    .btn-chaiyapruek {
        width: 40%;
         cursor: pointer;
     }
  }