* { box-sizing: border-box;
}
header, main, nav, footer, figure, figcaption, aside, section, article, table { display: block;
}
body { background-color: hsl(0, 0%, 100%);
      margin: 0;
      padding: 0;
}
h1 { text-align: center;
     font-size: 5em;
     font-family: "Arial Black", sans-serif;
     color: hsl(0, 0%, 100%);
     text-shadow: 4px 4px 20px #000;
     background-color: hsl(200, 50%, 50%);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     padding-bottom: .25em;
     margin: 0;
     display: none;
}
h2 { text-align: center;
     color: hsl(0, 0%, 100%);
     background-color: hsl(200, 50%, 50%);
     margin: 0;
     padding: 5px;
     font-size: 2em;
     font-family: Trebuchet, sans-serif;
     clear: left;
}
h3 { text-align: center;
     font-size: 3em;
     font-family: Verdana, sans-serif;
     margin: 1.5em;
     max-width: 50%;
     min-width: 800px;
}
h4 { margin: 0;
     margin-left: 2em;
     padding: 5px;
     font-size: 2em;
     font-family: Trebuchet, sans-serif;
     float: left;
}
nav { background-color: hsl(200, 50%, 25%);
      padding: 0;
      width: 100%;
      height: 2.25em;
      text-align: center;
      margin: 0;
      position: fixed;
}
nav ul { list-style-type: none;
         padding-top: .25em;
         padding-bottom: .25em;
         padding-left: 0;
         font-size: 1.25em;
         font-family: Verdana, sans-serif;
         margin: 0;
}
nav li { display: inline;
}
nav a { text-decoration: none;
        padding-top: .25em;
        padding-bottom: .25em;
        padding-left: 1em;
        padding-right: 1em;
}
nav a:hover { background-color: hsl(180, 75%, 50%);
}
nav a:link { color: hsl(0, 0%, 100%);
}
nav a:visited { color: hsl(0, 0%, 80%);
}
nav a:hover { color: hsl(0, 0%, 0%);
}
p { font-size: 2.5em;
    margin-left: 5em;
    margin-right: 5em;
    margin-top: 1em;
    margin-bottom: 0;
    font-family: Verdana, sans-serif;

}
table { border-collapse: collapse;
        float: left;
        margin: 2em;
}
td { font-size: 2.25em;
     border: .1em solid hsl(0, 0%, 75%);
     padding: .25em;
}
footer { background-color: hsl(200, 50%, 25%);
         color: hsl(0, 0%, 100%);
         font-size: 75%;
         font-style: italic;
         text-align: center;
         padding: 0.75em;
         clear: left;
}
.banner { width: 100%;
          height: auto;
}
.boatback { background-image: url(boat.jpg);
            background-repeat: no-repeat;
            background-position: center;
            height: 616px;
            width: 50%;
            color: hsl(360, 100%, 100%);
            text-shadow: 4px 4px 20px #000;
            margin: auto;
}
.info { font-size: 2em;
        margin-right: 2em;
}
.floatleft { float: left;
}
.floatright { float: right;
}
.clearleft { clear: left;
             margin-bottom: 1em;
}
.clearright { clear: right;
}
.clearboth { clear: both;
}
.imgleft { margin: 0;
           max-width: 700px;
           float: left;
           margin-right: 5em;
}
.imgright { float: right;
            width: 50%;
}
.imgsmall { width: 250px;
            height: 250px;
}
.galleryright { float: right;
                width: auto;
                max-width: 60%;
}
.gallerymid { float: left;
              margin: 0;
              height: 750px;
}
.imgcntr { display: block;
           width: 50%;
           margin-left: auto;
           margin-right: auto;
}
.contact { font-size: 2.5em;
           text-align: center;
           float: none;
           margin: auto;
}
h4.contact { padding-top: .5em;
}
p.contact { padding-bottom: 1em;
}
.sponsor { width: 33%;
           height: auto;
           float: left;
}
@media only screen and (max-width: 1490px) {
  body {
  }
  h1 { font-size: 3.25em;
  }
  h2 { font-size: 2em;
  }
  h3 {font-size: 1.5em;
  }
  p { margin-left: 1em;
      margin-right: 1em;
  }
  .boatback { width: auto;
              float: none;
              max-width: 100%;
  }
  .contact { font-size: 2em;
  }
}
@media only screen and (max-width: 37.5em) {
  h1 { text-align: center;
       font-size: 2em;
       display: block;
  }
  h2 { font-size: 1.25em;
  }
  h3 {
  }
  p { font-size: 1.25em;
  }
  .boatback { background-image: none;
              height: auto;
              color: hsl(0, 0%, 0%);
              text-shadow: none;
              padding: .25em;
  }
  .imgleft { width: 100%;
  }
  .info { clear: left;
          font-size: 1.5em;
  }
  .banner { display: none;
  }
  p.contact { font-size: 1.75em;
  }
  .sponsor{ width: 50%;
  }
}