.home section.hero {
  background-color: #0096B5;
  color: #fff;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .home section.hero {
    height: 330px;
  }

  .home .background-logo {
    background-image: url(/images/logo.svg);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: auto 90%;
  }
}

.home section.hero h1 {
  font-size: 48px;
  font-weight: 300;
}

.home section.hero p {
  font-size: 18px;
  font-weight: 300;
}

.home .background-logo .text {
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .home .background-logo .text {
    margin-top: 30px;
    width: 385px;
  }
}

.home section.newsletter {
  background-color: #f0eaea;
  color: #474442;
  padding: 15px 0;
}

.home section.newsletter img {
  height: 20px;
  width: auto;
  margin-right: 15px;
}

.home input[type=email],
.home input[type=text] {
  width: 300px;
  margin-right: 10px;
}

.home section.featured a,
.home section.featured a div {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.home section.featured .panda-expansion-set img {
  width: 100%;
  display: block;
}

.home section.featured .new-mystic-manor img {
  width: 100%;
  display: block;
}

@media screen and (min-width: 768px) {
  .home section.featured {
    background-color: #444;
    height: 400px;
  }
  .home section.featured.tall {
    height: 600px;
  }

  .home section.featured .panda-expansion-set {
    background-image: url(./images/PANDAEXP-hero-2.jpg);
    background-position: center center;
    background-size: auto 100%;
    background-repeat: no-repeat;
  }
  .home section.featured .panda-expansion-set img {
    display: none;
  }

  .home section.featured .new-mystic-manor {
    background-image: url(./games/mystic-manor/images/home-page-banner.jpg);
    background-position: center center;
    background-size: auto 100%;
    background-repeat: no-repeat;
  }

  .home section.featured .new-mystic-manor img {
    display: none;
  }
}

.home section.upcoming,
.home section.current {
  background-color: #82D5E8;
  padding: 30px 0;
  font-size: 18px;
}

.home section.current {
  background-color: #56BECC;
}

.home section.upcoming h2,
.home section.current h2 {
  font-weight: 300;
  font-size: 30px;
}

.home .games-list {
  padding: 40px 0;
  color: #fff;
}

.home .games-list a { color: #fff !important; }

.home section.upcoming .game,
.home section.current .game {
  text-align: center;
  margin-bottom: 2em;
}

.home section.upcoming .game img,
.home section.current .game img {
  height: 240px;
}

@media screen and (min-width: 413px) {
  .home section.upcoming .game,
  .home section.current .game {
    margin-right: 30px;
  }
}

.home section.current .game:last-child {
  margin-right: none;
}

.home section.upcoming a,
.home section.current a {
  font-size: 18px;
  font-weight: 300;
  text-decoration: none;
  color: #474442;
}
.home section.upcoming a:active,
.home section.current a:active {
  text-decoration: none;
  color: #474442;
}
.home section.upcoming a:visited,
.home section.current a:visited {
  text-decoration: none;
  color: #474442;
}
.home section.upcoming a:hover,
.home section.current a:hover {
  text-decoration: none;
  color: #474442;
}

.home section.tabletop-games-report {
  background-color: #d6c128;
  background-image: url(/reports/2023/2023-header.png);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 400px;
  position: relative;
  text-align: center;
}

.home section.tabletop-games-report img.title {
  padding-right: 10px;
  height: 367px;
}

.home footer {
  padding: 0;
  margin: 0;
  background-color: #0096B5;
  color: #82D5E8;
}

.home footer .logo {
  height: 4em;
  width: auto;
  vertical-align: middle;
}

.home footer a:link { color: #82D5E8; }
.home footer a:visited { color: #82D5E8; }
.home footer a:hover { color: #82D5E8; }
.home footer a:active { color: #82D5E8; }

input[type=email] {
  margin-bottom: 0.5em;
}