@media screen and (max-width:768px){
  #wraper{width:auto}
  #header{width:auto;height:auto;padding:0 8px}
  #header table{width:100%!important}
  #header td{display:block;width:auto!important}
  #header p#logo-text a{position:static;width:auto;display:inline-block}
  #header h1#slogan{position:static}
  #header-photo{width:auto;height:0;padding-bottom:21.7%;background-size:100% auto;margin:5px 8px}
  #nav{height:auto}
  #nav ul{float:none;display:flex;flex-wrap:wrap;width:auto;height:auto;margin:0 8px;background-repeat:repeat}
  #nav ul li{display:block}
  #nav ul li a{float:none;line-height:45px;padding:0 10px}
  #content-wrap{float:none;display:block;width:auto;margin:0 8px}
  #main{float:none;display:block;width:auto;margin:0;padding:15px 6px 0}
  .sidebar,#sidebar{float:none;width:auto}
  #footer-wrap,#footer-bottom{width:auto}
  .entry table{display:block;width:auto!important}
  .entry tbody{display:grid;grid-template-columns:100%}
  .entry tr{display:contents}
  .entry th,.entry td{display:block;width:auto!important;box-sizing:border-box;text-align:left}
  .entry tr:first-child th:first-child{order:1}
  .entry tr:nth-child(2) td:first-child{order:2}
  .entry tr:first-child th:nth-child(2){order:3}
  .entry tr:nth-child(2) td:nth-child(2){order:4}
  .entry td[style*="border-right"]{border-right:0!important}
  img{max-width:100%;height:auto}
  #contactform fieldset{min-width:0;padding:0}
  #contactform input,#contactform textarea{max-width:100%;box-sizing:border-box}
  #contactform input.text,#contactform input[type=text]{width:100%}
  input#contactsubmit{width:auto;padding:6px 16px}
  body{overflow-wrap:anywhere;word-wrap:break-word}
}