@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: normal;
  src: url('font/roboto.woff2') format('woff2'),
    url('font/roboto.woff') format('woff');
  font-display: swap;
}

html, body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #ffffff;
}

a {
  text-decoration: none;
  color: #c7c78d;
  transition: all 0.5s ease;
}

a:hover {
  color: #e3e3c6;
}

p {
  margin-bottom: 1rem;
}

h1, h2, h3 {
  color: #e3e3c6;
  padding-bottom: 0.3em;
}

h3 {
  border-bottom: 2px solid transparent;
  border-image: repeating-linear-gradient(to right, #c7c78d, #c7c78d 6px, transparent 6px, transparent 12px) 2;
  padding-bottom: 0.3em;
  margin-bottom: 0.5em;
}

h1 {
  font-size: 24px;
}

.bodcata {
  background-color: #74502d;
}

.bodcatb {
  background-color: #4d97b2;
}

.bodcatc {
  background-color: #69932f;
}

#xwrap {
  flex: 1 0 auto;
  width: 100%;
  background-image: url('img/singlewhite.png');
  background-position: left top;
  background-repeat: no-repeat;
  background-size: calc(50% - 451px) 188px;
}

#wrapper {
  margin: 0px auto;
  width: min(100%, 1120px);
  display: grid;
  grid-template-columns: auto 1fr;
  align-content: start;
}

#logtop {
  width: 100%;
  grid-column: 1 / 3;
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 600px 188px;
}

#logcont {
  background-color: #ffffff;
  width: min(100%, 571px);
  padding: 22px;
  border-radius: 0 94px 94px 0;
}

#mainmenu {
  margin-top: 10px;
  text-align: right;
  /*white-space: pre;*/
  font-weight: bold;
}

#ham_menu {
  display: none;
  height: 100px;
  font-size: 36pt;
  font-weight: normal;
  background-color: #ffffff;
  background-position: 32px bottom;
  background-repeat: no-repeat;
  background-size: 450px 141px;
  padding-left: 1rem;
}

#mmitems {
  text-align: right;
}

.mmitem {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 62px;
  padding-left: 1rem;
  color: #e3e3c6;
  border-bottom: 2px solid transparent;
  border-image: repeating-linear-gradient(to right, #c7c78d, #c7c78d 6px, transparent 6px, transparent 12px) 2;
  text-transform: uppercase;
}

.mmitem:last-child {
  border: 0;
}

.mmitem span:first-child {
  width: calc(1rem + 45px);
}

.mmitem img {
  margin-right: 1em;
  margin-left: auto;
}

#maincontent {
  margin: 24px max(20px, 6%);
}

#maincontent ul {
  list-style-type: disc;
  margin-left: 1em;
}

.consect {
  border: 2px solid #e3e3c6;
  padding: 1em 2em;
  margin-bottom: 1rem;
}

.consect p {
  margin-bottom: 0;
}

.congal {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 25px;
  padding: 12px 0 calc(5px + 1em);
}

.conimg img {
  border-radius: 50%;
  outline: 5px solid #ffffff;
  border: 7px solid transparent;
}

#madeby {
  flex-shrink: 0;
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 637px 68px;
  color: #c7c78d;
  text-align: right;
  padding: 20px 10px 68px;
}

.bodcata .consect {
  border-color: #9e7a5a;
}

.bodcatb .consect {
  border-color: #77b4d3;
}

.bodcatc .consect {
  border-color: #8bb35a;
}

.lt1 {
  background-image: url('img/header01med.png');
}

.lt2 {
  background-image: url('img/header02med.png');
}

.lt3 {
  background-image: url('img/header03med.png');
}

.lt4 {
  background-image: url('img/header04med.png');
}

.lt5 {
  background-image: url('img/header05med.png');
}

.lt6 {
  background-image: url('img/header06med.png');
}

.lt7 {
  background-image: url('img/header07med.png');
}

.lt8 {
  background-image: url('img/header08med.png');
}

.lt9 {
  background-image: url('img/header09med.png');
}

.lt1 a, .lt2 a, .lt3 a {
  color: #74502d;
}

.lt1 a:hover, .lt2 a:hover, .lt3 a:hover {
  color: #9e7a5a;
}

.lt4 a, .lt5 a, .lt6 a {
  color: #4d97b2;
}

.lt4 a:hover, .lt5 a:hover, .lt6 a:hover {
  color: #77b4d3;
}

.lt7 a, .lt8 a, .lt9 a {
  color: #69932f;
}

.lt7 a:hover, .lt8 a:hover, .lt9 a:hover {
  color: #8bb35a;
}

.mb1 {
  background-image: url('img/footer01med.png');
}

.mb2 {
  background-image: url('img/footer02med.png');
}

.mb3 {
  background-image: url('img/footer03med.png');
}

.mb4 {
  background-image: url('img/footer04med.png');
}

.mb5 {
  background-image: url('img/footer05med.png');
}

.mb6 {
  background-image: url('img/footer06med.png');
}

.mb7 {
  background-image: url('img/footer07med.png');
}

.mb8 {
  background-image: url('img/footer08med.png');
}

.mb9 {
  background-image: url('img/footer09med.png');
}

@media /* only for retina displays */
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
  .lt1 {
    background-image: url('img/header01lrg.png');
  }

  .lt2 {
    background-image: url('img/header02lrg.png');
  }

  .lt3 {
    background-image: url('img/header03lrg.png');
  }

  .lt4 {
    background-image: url('img/header04lrg.png');
  }

  .lt5 {
    background-image: url('img/header05lrg.png');
  }

  .lt6 {
    background-image: url('img/header06lrg.png');
  }

  .lt7 {
    background-image: url('img/header07lrg.png');
  }

  .lt8 {
    background-image: url('img/header08lrg.png');
  }

  .lt9 {
    background-image: url('img/header09lrg.png');
  }

  .mb1 {
    background-image: url('img/footer01lrg.png');
  }

  .mb2 {
    background-image: url('img/footer02lrg.png');
  }

  .mb3 {
    background-image: url('img/footer03lrg.png');
  }

  .mb4 {
    background-image: url('img/footer04lrg.png');
  }

  .mb5 {
    background-image: url('img/footer05lrg.png');
  }

  .mb6 {
    background-image: url('img/footer06lrg.png');
  }

  .mb7 {
    background-image: url('img/footer07lrg.png');
  }

  .mb8 {
    background-image: url('img/footer08lrg.png');
  }

  .mb9 {
    background-image: url('img/footer09lrg.png');
  }
}

@media only screen and (max-width: 800px) {
  #wrapper {
    grid-template-columns: 1fr;
  }

  #logtop {
    grid-row: 2;
    grid-column: 1;
  }

  #logcont {
    width: 100%;
    padding: 22px;
    border-radius: 0;
  }

  #mainmenu {
    grid-row: 1;
    text-align: left;
    margin-top: 0;
  }

  #ham_menu {
    display: block;
  }

  #mmitems {
    display: none;
    text-align: left;
  }

  .mmitem {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 62px;
    color: #e3e3c6;
    border-bottom: 2px solid transparent;
    border-image: repeating-linear-gradient(to right, #c7c78d, #c7c78d 6px, transparent 6px, transparent 12px) 2;
    text-transform: uppercase;
  }

  #maincontent {
  }
}

@media screen and (min-width: 801px) {
  #mmitems {
    display: block !important;
  }
}