@media screen and (max-width: 700px) {
  body, th, td, input, textarea {
    font-size: 18px;
  }
  
  img{
   max-width:100%;
   height: auto;
  }
  
  #header {
	  width: 100%;
	  height: 30px;
    min-width: 10px;
  }
  
  #respmenubutton {
    display: block;
  }
  
  #pagebody{
    width: 100%;    
  }
  
  #page {
	  width: 95%;
    min-width: 10px;
  }
  
  #logo {
    width: 95%;
    height: 30px;
    background: #a1a1a1 url(postbar.jpg) repeat-x top left;
    min-width: 10px;
  }
  #sublogo {
    position: absolute;
    background-image: url(LOGO_1small_2018.jpg);
    background-position-x: right;
    background-repeat: no-repeat;
    border-radius: 0px;
    width: 100px;
    height: 100px;
    right: 10px;
    left: unset;
    top: 10px;
    border-radius: 50px;
  }
  
  #motto{
    top: 3px;
    right: unset;
    font-size:  15px;
    left: 15px;
    
  }
  
  #motto .mottoh{
    font-size:  20px;
  }
  
  #content {
	   
	width: 100%;
  min-width: 5px;
  }
  
  .post {
    width: 80%;
  }
  .post h1 {
	  margin-top: 0em;
  }
  
  .sidebar{
   display: none;
  }
  
  .hmenu{
    display: none;
  }
}