body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #999999;
}

img {
  width: auto;
  height: auto;
  display: inline;
  max-width: 200px;
  max-height: 200px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

input, select, button, textarea {
  max-width: 100%;
}

meter, progress, output {
  max-width: 100%;
}

div#tswsidecol {
  float: none;
  width: 25%;
  color: black;
  background-color: #999999;
}

div#tswcontent {
  float: right;
  width: 80%;
  color: black;
  background-color: white;
}

@media only screen and (max-width: 629px) {
  div#tswsidecol { float: none; width: 100%; }
  div#tswcontent { float: none; width: 100%; }
}

div#tswcontproper, div#tswsideproper {
  padding-left: 5px;
  padding-right: 5px;
}

div#tswcontainer {
  background-color: #999999;
}

div#tswheader {
  color: black;
  background-color: white;
}

div#tswfooter {
  clear: both;
  color: black;
  background-color: #660000;
}

#tswheader {
  background-image: url("images/headingbackground.jpg");
  background-position: -450px center;
  padding-right: 40px;
}

#tswcontent {
  background-image: url("images/background.jpg");
  background-size: cover;
  -webkit-grid-gap: 30px;
  grid-gap: 30px;
  display: grid;
}