body {width:100%; max-width:1200px;}
#sectionmast {border: dotted 1px #ccc; font-family: Lato Light; font-size: 8pt; color:#555; text-align:left; padding: 40px;  margin:0;}

@media (max-width: 400px) { 
  #homeid {margin: 50px 0 20px 0;}
  #homewall {width:100%; max-width:590px;}
  #sectionmast {width: auto; height:auto; padding: 15px;}
  #sectionmast a {font-size: 26pt; line-height:28pt; }
  #footer {margin:0;}
}

@media (min-width: 401px) and (max-width: 600px) {
  #homeid {margin: 50px 0 20px 0;}
  #homewall {width:100%; max-width:590px;}
  #sectionmast {width: auto; height:auto; padding: 40px;}
  #sectionmast a {font-size: 28pt; line-height:30pt; }
  #footer {margin:0;}
}

@media (min-width: 601px) and (max-width: 768px) {
  body {margin: 0 auto; text-align:center;}
  #homeid {margin: 50px 0 20px 0;}
  #homewall {width:100%; max-width:590px;}
  #sectionmast {width: auto; max-width:510px; height:auto; padding: 40px; margin: 0 auto; }
  #sectionmast a {font-size: 30pt; line-height:32pt; }
  #footer {margin:0;}
}

@media (min-width: 769px) and (max-width: 992px) { 
  body {margin: 0 auto; text-align:center;}
  #homeid {margin: 50px 0 20px 0;}
  #homewall {width:100%; max-width:590px;}
  #sectionmast {width: auto; max-width:510px; height:auto; padding: 40px; margin: 0 auto;}
  #sectionmast a {font-size: 28pt; line-height:30pt; } 
  #footer {margin:0;}
}

@media (min-width: 993px) /* and (max-width: 1200px) */ {
  body {margin: 40px auto;}
  #homeid {margin: 425px 0 20px 0;}
  #homewall {float: right; width:100%; max-width:590px;}
  #sectionmast {width: auto; max-width:590px; height:auto; max-height:743px; padding: 40px;}
  #sectionmast a {font-size: 34pt; line-height:36pt; }
  #footer {position:relative; top:-140px;}
}