#top {
  margin-top: 5em;
}

.navlogo {
  max-height: 50px;
}

footer {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#mission {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.bg1 {
  background: url("/art/surfing-in-san-diego.png");
}

#surfing {
  background: url("/art/surfing-closeup.png");
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  min-height: 800px;
}

.mountains {
  background: url("/art/lovely-shots-reZbvcVASPI-unsplash.jpg");
  background-attachment: fixed;
  background-size: cover;
}

.mountains-bw {
  background: url("/art/lovely-shots-reZbvcVASPI-unsplash-desaturated.jpg");
  background-attachment: fixed;
  background-size: cover;
}

.overlay {
  background-color: rgba(0, 154, 222, 0.75);
}

.overlay h5 {
  font-weight: 400;
}

.overlay-10 {
  background-color: rgba(0, 154, 222, 0.1);
}

.wrapper {
  display: grid;
  /* grid-template-columns: 1fr 2fr 1fr;*/
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1em;
  /*grid-auto-rows: 100px;*/
  grid-auto-rows: minmax(100px, auto);
}

.bg-gallery {
  background-color: rgba(0, 157, 224, 0.05);
}

.center {
  text-align: center;
}

.donate {
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  /* Firefox 3.5 - 3.6 */
  box-shadow: 3px 3px 5px 6px rgba(0, 0, 0, 0.5);
}

.debug {
  border: 1px solid magenta;
}