body, html {
  width: 100%;
  height: 100%;
}

body, h1, h2, h3 {
  font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 700;
}

.omd-header {
    padding: 0;
    text-align: center;
    color: #f8f8f8;
    background: #f2e7cf;
    background: -moz-linear-gradient(-45deg, #f2e7cf 0%, #ebddbb 24%, #d4bd7d 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #f2e7cf), color-stop(24%, #ebddbb), color-stop(100%, #d4bd7d));
    background: -webkit-linear-gradient(-45deg, #f2e7cf 0%, #ebddbb 24%, #d4bd7d 100%);
    background: -o-linear-gradient(-45deg, #f2e7cf 0%, #ebddbb 24%, #d4bd7d 100%);
    background: -ms-linear-gradient(-45deg, #f2e7cf 0%, #ebddbb 24%, #d4bd7d 100%);
    background: linear-gradient(135deg, #f2e7cf 0%, #ebddbb 24%, #d4bd7d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2e7cf', endColorstr='#d4bd7d', GradientType=1 );
    height: 100%;
}

.omd-message {
    position: relative;
    padding-top: 5%;
    padding-bottom: 5%;
}

.omd-message > h1 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 5em;
}

.omd-divider {
    width: 450px;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.omd-message > h3 {
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}

ul.omd-buttons > li > a {
    height: 140px;
}

span.outlink {
  display: block;
  width: 170px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 2px;
  text-align: left;
}

div.description {
  text-align: left;
  width: 420px;
}

span.description {
  width: 170px;
  display: block;
  font-size: 12px;
  white-space: normal;
  text-align: left;
}

.panel {
  background-color: #fff;
  border-color: #ccc;
  color: #333;
  font-size: 12px;
  font-weight: 400;
  padding: 5px;
}