@media screen and (max-width:1024px){
  html,body,h1,h2,h3,h4,h5,h6,
  p,div,ol,ul,li,dl,dt,dd,address,blockquote,video,
  em,strong,span,sup,sub,del,s,q,a,img,
  table,thead,tbody,tfoot,th,tr,td,
  form,fieldset,legend,input,select,option,button,textarea,label,optgroup,
  header,main,footer,nav,section,article,aside,figure,figcaption,details
  {
    font-size: 14px;
  }
  h1 {
    width: 300px;
  }
  .contactPopup {
    flex-flow: column nowrap;
    align-items: flex-start;
  }
  .popupAd {
    margin: 0;
  }
}
@media screen and (max-width:768px){
  html,body,h1,h2,h3,h4,h5,h6,
  p,div,ol,ul,li,dl,dt,dd,address,blockquote,video,
  em,strong,span,sup,sub,del,s,q,a,img,
  table,thead,tbody,tfoot,th,tr,td,
  form,fieldset,legend,input,select,option,button,textarea,label,optgroup,
  header,main,footer,nav,section,article,aside,figure,figcaption,details
  {
    font-size: 12px;
  }
  h1 {
    width: 220px;
  }
  .mobileList {
    padding: 100px 10px 0;
  }
  .mobileMenu {
    display: flex !important;
  }
  .menuPopup {
    display: none;
  }
  .MheiPopup ul li {
    margin-bottom: 20px;
  }
  .mobileMenu .menuTitle,.mobileMenu  .menuTitle a {
    font-size: 5rem;
  }
  header {
    height: 60px;
    padding: 0 1.5rem;
  }
  footer {
    padding: 2rem !important;
  }
}