body {
    margin: 0;
    background: 
    linear-gradient(0deg, transparent 0%, transparent 60%,rgba(183, 183, 183,0.05) 60%, rgba(183, 183, 183,0.05) 93%,transparent 93%, transparent 100%),
    linear-gradient(135deg, transparent 0%, transparent 55%,rgba(183, 183, 183,0.05) 55%, rgba(183, 183, 183,0.05) 84%,transparent 84%, transparent 100%),
    linear-gradient(0deg, transparent 0%, transparent 80%,rgba(183, 183, 183,0.05) 80%, rgba(183, 183, 183,0.05) 94%,transparent 94%, transparent 100%),
    linear-gradient(90deg, rgb(0,0,0),rgb(0,0,0));
    color: white;
    font-family: 'Kanit';
    padding-bottom: 40px;
}

.contact p {
  font-size: 110%;
}

.center {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.width50 {
  width: 50%;
}

.width75 {
  width: 75%;
  max-width: 1100px;
}

.border {
  border: solid 3px;
}

.whiteshadow {
  box-shadow: 8px 8px white;
}

.nodeco {
  text-decoration: none;
  color: white;
}

.contact {
  margin: 30px auto;
  padding: 0 10px;
  width: 45%;
  float: left;
  min-height: 140px;
}

.block {
  display: block;
}

.media {
  margin: 30px auto;
  padding: 0 10px;
  width: 45%;
  float: right;
  min-height: 140px;
}

.floatleft {
  float: left;
}

.smallmargin {
  margin: 10px;
}

.smallpadding {
  padding: 10px;
}

.mediumpad {
  padding: 25px;
}

.mediummargin {
  margin: 25px;
}

img.snapcode {
  height: 120px;
  margin: 12px 0 0 20%;
}

.top-right {
  position: absolute;
  top: 0px;
  right: 16px;
  font-size: 200%;
}

.top-left {
  position: absolute;
  top: 0px;
  left: 16px;
  font-size: 200%;
}

h2 {
  margin: 10px 0;
}

p {
  margin: 2px;
}

@media screen and (max-width: 1000px) {
  ul.topnav li.right, 
  ul.topnav li {float: none;}
  .width75 {width: 100%;}
  .contact, .media {width: 90%; float: left; margin-left: 3%;}
  li a img {height: 100px;}
  ul.topnav li a:first-child {height: 100px; font-size: 300%;}
  .center {font-size: 140%;}
  .media img.snapcode {height: 150px;}
}

a:visited {
  color: #BBBBBB;
}

a:hover {
  color: #d3c81c;
}