*,
*:before,
*:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media (max-width: 1023px){
  .hide-on-mobile-tablet{
      display: none;
  }

}
/* Tablet */
@media (min-width: 740px) and (max-width: 1023px){
  .hide-on-tablet{
      display: none;
  }
  .header{
      
  }
}
/* Mobile */
@media (max-width: 739px){
  .hide-on-mobile{
      display: none;
  }

}