@import url("https://fonts.googleapis.com/css2?family=Quintessential&display=swap");
/* 16px; */
body {
  font-family: serif;
  background-color: #77ddff; /* #3399ff; */
  margin-top: 5px;
  margin-left: 40px;
  margin-right: 40px;
}

h1 {
  font-family: serif;
  text-align: center;
  color: navy;
}

p {
  font-family: sans-serif;
}

.main {
  width: 850px;
  /*	width:100%; */
  clear: both;
}

.pageheader > img {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.pageheader > .imageblock {
  background-image: url(/images/Fencing2a.gif);
  max-height: 166px;
  height: 25vw;
  background-size: contain;
  background-repeat: no-repeat;
}

.pageheader {
  max-width: calc(700px - 1%);
  width: 98%;
  font-size: x-large;
  text-align: center;
}
.pageheader {
  font-size: 32px;
}
@media screen and (min-width: 320px) {
  .pageheader {
    font-size: calc(32px + 10 * (100vw - 320px) / 380);
  }
}
@media screen and (min-width: 700px) {
  .pageheader {
    font-size: 42px;
  }
}

h1 {
  font-family: serif;
  text-align: center;
  color: navy;
}

p {
  font-family: sans-serif;
}

ul {
  font-family: sans-serif;
  margin-top: auto;
}

.container-main {
  display: grid;
}

@media screen and (min-width: 500px) {
  .maintext2 {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .maintext2 {
    /* margin: 15px 40px 0 160px; */
    padding-top: 5px;
    line-height: 100%;
    max-width: 540px;
    min-width: 300px;
    margin-left: 5px;
  }
  .container-main {
    grid-template-columns: 139px auto;
  }
  .nav-div-side {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .nav {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 2px;
    top: 200px;
    width: 137px;
  }
}
.nav-item {
  background-color: #77ddff;
  height: 1.5em;
  padding-top: 0.5em;
  border-color: black;
  border-width: thin;
  border-radius: 5px;
  border-style: solid;
  text-align: center;
}

@media screen and (max-width: 499px) {
  .container-main {
    grid-template-rows: auto auto;
  }
  .nav-div-side {
    grid-row: 1/2;
    grid-column: 1/2;
  }
  .maintext2 {
    grid-row: 2/3;
    grid-column: 1/2;
  }
  .nav {
    /* position: absolute; */
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 2px;
    top: 200px;
    width: 137px;
  }
  /*
  .nav > li {
  	display: inline;
  }
  */
  .bigonly {
    display: none !important;
  }
}
.footer {
  width: 100%;
  margin-top: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  clear: both;
  line-height: 100%;
  overflow-wrap: normal;
}

.footer > p {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

.menu-list {
  padding-left: 23px;
}

.red {
  color: red;
}/*# sourceMappingURL=Style3.css.map */