* {
  box-sizing: border-box;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

a { 
  text-decoration: none; 
  color: #CF140E;
}
a:link, a:visited {  
  color: #CF140E;
}
a:hover { color: black; background-color: grey;}
a:active, a:focus { color: black; background-color: grey;}

span {  cursor: pointer; }
 
.bg {
      /* The image used */
      background-image: url("./background.png");
      /* Center and scale the image nicely */
      background-repeat: repeat-y;
      background-size: 100vw 100vh;
}

.headtd {
  padding: 20px;
  vertical-align:top;
}

.sygrp { text-align: center; }

h1 { font-size: 4vw; }
p, li, h2, h3, h4, td { 
  font-size: 1.5vw; 
  margin-left: 10vw; 
  margin-right: 10vw;
}

address {
  display: block;
  font-style: normal;
  font-size: 1vw;
}

#parent { 
  white-space: nowrap; 
  padding: 20px;
  text-align: center;
  vertical-align: middle;
}
.child { 
  display: inline-block; 
  text-align: center;
  vertical-align: middle;
}
.child1 { 
  display: inline-block; 
  text-align: center;
  vertical-align: middle;
  margin-left: 50px;
}

.column {
  float: left;
  width: 20%;
  margin-left: 10vw; 
  font-size: 1.5vw;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}