@charset "utf-8";
/* CSS Document */
body {
  font-family: 'Roboto Condensed', sans-serif;
}
h1 {
  font-family: 'Roboto Slab', serif;
}
.wrap {
  float: left;
  width: 100%;
}
.inner {
  position: relative;
  max-width: 1596px;
  margin-left: auto;
  margin-right: auto;
}
img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}
input[type=submit] {
  background-color: #939598;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
input[type=submit]:hover {
  background-color: #D4D5D6;
}
textarea {
  font-family: inherit;
}
.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}
.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}
/*  SECTIONS  */
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}
/*  COLUMN SETUP  */
.col {
  display: grid;
  float: left;
  margin: 0 0 0 0;
}
.col:first-child {
  margin-left: 0;
}
/*  GROUPING  */
.group:before, .group:after {
  content: "";
  display: grid;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1; /* For IE 6/7 */
}
/*  GRID OF THREE  */
.span_3_of_3 {
  width: 100%;
  width: min(100%, 1596px);
}
.span_2_of_3 {
  width: 66.66%;
  width: min(66.66%, 1064px);
}
.span_1_of_3 {
  width: 33.33%;
  width: min(33.33%, 532px);
}
.content_span_3_of_3 {
  width: 100%;
  padding: 1%;
}
.content_span_2_of_3 {
  width: 64.66%;
  padding: 1%;
}
.content_span_1_of_3 {
  width: 31.33%;
  padding: 1%;
}
.TopLeft, .TopMiddle, .TopRight {
  max-width: 532px;
  max-height: 109px;
}
.Menu01 {
  max-width: 532px;
  max-height: 133px;
}
.Menu02, .Menu03, .Menu04 {
  max-width: 532px;
  max-height: 86px;
}
.Menu_Image {
  max-width: 532px;
  max-height: 429px;
}
.TopLeftMob {
  display: none;
}
/*  GO FULL WIDTH AT LESS THAN 720 PIXELS */
@media only screen and (max-width: 720px) {
  .col {
    margin: 0 0 0 0;
  }
  p, h1 {
    width: 673px;
  }
  .span_3_of_3, .span_2_of_3, .span_1_of_3, .content_span_3_of_3, .content_span_2_of_3, .content_span_1_of_3 {
    width: 100%;
    width: min(100%, 720px);
  }
  .TopLeftMob {
    display: block;
  }
  .TopLeft, .TopMiddle, .TopRight {
    display: none;
  }
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
  .col {
    margin: 0 0 0 0;
  }
  p, h1 {
    width: 417px;
  }
  .span_3_of_3, .span_2_of_3, .span_1_of_3, .content_span_3_of_3, .content_span_2_of_3, .content_span_1_of_3 {
    width: 100%;
    width: min(100%, 480px);
  }
  .TopLeftMob {
    display: block;
  }
  .TopLeft, .TopMiddle, .TopRight {
    display: none;
  }
}