html, body {
  margin: 0;
  padding: 0;
}

body, input, option, select {
  font-family: Segoe UI, Roboto, Tahoma, Helvetica, sans-serif;
  font-size: 11pt;
  overflow-x: hidden;
}

a, a:visited, a:active {
  color: black;
}

a:hover {
  color: red;
}

h1 {
  font-weight: normal;
}

img {
  max-width: 100%;
  height: auto;
}

#columns {
  display: table;
}

.column {
  display: table-cell;
  width: 45%;
  padding-right: 48px;
}

#main {
  display: table;
  max-width: 1600px;
  margin: auto;
  width: 100%;
}

#headercontainer {
  background-color: #FFDD00;
  display: table;
  width: 100%;
  padding-bottom: 4px;
}

#header {
  font-size: 28pt;
  _font-weight: bold;
  padding-left: 16px;
  display: table-cell;
}

#logolink {
  text-decoration: none;
}

#logolink:hover {
  color: black;
}

#menu {
  display: none;
  text-align: right;
  padding-right: 16px;
  cursor: pointer;
}

#nav {
  display: table-cell;
  width: 300px;
}

#navtable {
  display: table;
}

#content {
  display: table-cell;
}

.contpad {
  padding: 0 32px 0 32px;
}

.bc {
  background-color: #F0F0F0;
}

.fc {
  color: black;
}

.hpad {
  padding: 6px 16px 8px 16px;
}

.subh {
  font-size:13pt;
}

.cpad {
  padding: 8px 16px 24px 16px;
  white-space: nowrap;
  font-size: 11pt;
  background-color: #FCFCFC;
}

#footer {
  font-size: 10pt;
  margin-bottom: 16px;
}

.icon {
  max-width: initial;
}

.getit{background-color:white;padding: 8 32 8 32;font-size:11pt;}
.prod{background-color:#C9E4FF;}
.pdata{background-color:#F8F8F8;}
.utitle{background-color:#E00000;color:white;}
.udata{background-color:#FFFFA0;}
.sep{background-color:#E8E8E8;}
.prodlink{font-size:12pt;}
.footlinks{font-size:10pt;}

@media screen and (max-width: 640px)
{

  .getit {
    padding: 8 8 8 8 !important;
  }
  
  .cpad {
    line-height: 170%;
    background-color: white;
  }

  #main, #nav, #content {
    display: block;
    width: 100%;
  }

  #navtable {
    display: none;
  }

  .contpad {
    padding: 0 16px 0 16px;
  }

  #nav {
    min-width: initial;
  }

  #menu {
    display: table-cell;
  }

}

@media screen and (max-width: 800px) {

  #columns {
    display: block;
  }

  .column {
    display: block;
    width: initial;
    padding-right: initial;
  }
  
}

@media screen and (max-width: 1200px) {

  .getit {
    padding: 8 16 8 16;
  }
  
}