.top_message {
  display:inline-block;
  background:#e8e8e8;
  height:40px;
  line-height:40px;
  text-align: center;
  font-size: 16px;
}

.top_message a {
  text-decoration: underline;
}

.header {
  display:grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 10px;
  height:600px;
  margin-top:100px;
}

.header_img {
  grid-column: 2;
  grid-row: 1;
  background: url(/content/pic1.png);
  background-size:cover;
  background-position: center;
}

.header_text_wrapper {s
  display:grid;
  grid-column: 1;
  grid-row: 1;
  justify-self:flex-start;
  align-self:center;
  z-index:1;
}

#header_message {
  font-size: 20px;
  align-self:flex-start;
  margin-top:40px;
  margin-left:5px;
  max-width:500px;
}

#value_stack {
  background:#e8e8e8;
  font-family: bungee, sans-serif;
  font-size:30px;
  font-weight: 400;
  font-style: normal;
  text-align: center;
}

.what_is_intro {
  text-align: center;
  margin-top:40px;
}

.dart_img_wrapper {
  display:grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  height:400px;
  margin-top:40px;
  margin-bottom:20PX;
  grid-gap: 20px;
}

.dart_img1 {
  grid-column: 1;
  background: url(/content/dart1.png);
  background-size:cover;
  background-position: center;
}

.dart_img2 {
  grid-column: 2;
  background: url(/content/dart2.png);
  background-size:cover;
  background-position: center;
}

.dart_img3 {
  grid-column: 3;
  background: url(/content/dart3.png);
  background-size:cover;
  background-position: center;
}

.dart_img4 {
  grid-column: 4;
  background: url(/content/dart4.png);
  background-size:cover;
  background-position: center;
}

.venue_wrapper {
  margin:40px 0px;;
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap:20px;
}

.venue {
  display:grid;
  grid-template-rows: auto auto auto 1fr;
}

.venue_name {
  background:#e8e8e8;
  font-family: bungee, sans-serif;
  font-size:24px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
  padding:10px 0px;
}

.location {
  font-size:16px;
}

.venue_info {
  display:grid;
  grid-template-columns: 1fr auto;
  grid-column-gap:10px;
  background:#e8e8e8;
  padding:0px 20px 20px 20px;
  font-size:18px;
}

.address {
  align-self: flex-start;
}

.visit_website {
  grid-column: 2;
  align-self: flex-end;
}

.lanes {
  background:#e8e8e8;
  padding:15px 0px;
  font-family: bungee, sans-serif;
  font-size:16px;
  line-height:16px;
  text-align:center;
}

.venue_photo1 {
  background: url(/content/blackhorse.webp);
  background-size:cover;
  background-position: center;
  height:200px;
}

.venue_photo2 {
  background: url(/content/cornerstone.webp);
  background-size:cover;
  background-position: center;
  height:200px;
}

.venue_photo3 {
  background: url(/content/emporium.webp);
  background-size:cover;
  background-position: center;
  height:200px;
}

.venue_photo4 {
  background: url(/content/fiveways.webp);
  background-size:cover;
  background-position: center;
  height:200px;
}

.venue_photo5 {
  background: url(/content/fourseasons.jpg);
  background-size:cover;
  background-position: center;
  height:200px;
}

.venue_photo6 {
  background: url(/content/gracearms.webp);
  background-size:cover;
  background-position: center;
  height:200px;
}

.venue_photo7 {
  background: url(/content/lonsdale.jpg);
  background-size:cover;
  background-position: center;
  height:200px;
}

.venue_photo8 {
  background: url(/content/moulsham.jpg);
  background-size:cover;
  background-position: center;
  height:200px;
}

.venue_photo9 {
  background: url(/content/POW_new.jpg);
  background-size:cover;
  background-position: center;
  height:200px;
}

.venue_photo10 {
  background: url(/content/STOKE_new.jpg);
  background-size:cover;
  background-position: center;
  height:200px;
}

.venue_photo11 {
  background: url(/content/thieves.webp);
  background-size:cover;
  background-position: center;
  height:200px;
}

.venue_photo12 {
  background: url(/content/WH_new.jpg);
  background-size:cover;
  background-position: center;
  height:200px;
}

.venue_photo13 {
  background: url(/content/williamc.webp);
  background-size:cover;
  background-position: center;
  height:200px;
}

.venue_photo14 {
  background: url(/content/railway.webp);
  background-size:cover;
  background-position: center;
  height:200px;
}

.footer {
  display:grid;
  width:100vw;
  height:200px;
  background:#000;
    color:#fff;
    text-align: center;
}

.footer_logo {
  align-self: center;
  justify-self:center;

}

@media screen and (max-width: 1280px) {



}

@media screen and (max-width: 860px) {

  .dart_img_wrapper {
    display:grid;
    grid-template-columns: 1fr 1fr;
    height:400px;
    margin-top:40px;
    margin-bottom:20PX;
    grid-gap: 20px;
  }

  .dart_img1 {
    grid-column: 1;
    background: url(/content/dart1.png);
    background-size:cover;
    background-position: center;
  }

  .dart_img2 {
    grid-column: 2;
    background: url(/content/dart2.png);
    background-size:cover;
    background-position: center;
  }

  .dart_img3 {
    grid-column: 1;
    background: url(/content/dart3.png);
    background-size:cover;
    background-position: center;
  }

  .dart_img4 {
    grid-column: 2;
    background: url(/content/dart4.png);
    background-size:cover;
    background-position: center;
  }

  .header {
    grid-template-columns: 1fr;
    grid-gap:0px;
    height:auto;
    margin-top:150px;
  }

  .slider {
    grid-column:1;
    grid-row: 2;
    height:200px;
    width:200px;
  }

  .header_text_wrapper {
    grid-column:1;
    grid-row:1;
    text-align: center;
    justify-self:center;
  }

  #header_message {
    margin-left:0px;
  }

  .venue_wrapper {
    margin:40px 0px;;
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:20px;
  }

@media screen and (max-width: 640px) {

  .header {
    margin-top:170px;
  }

  #value_stack {
    background:#e8e8e8;
    font-family: bungee, sans-serif;
    font-size:24px;
    font-weight: 400;
    font-style: normal;
    text-align: center;
  }

  .dart_img_wrapper {
    display:grid;
    grid-template-columns: 1fr;
    height:auto;
    margin-top:40px;
    margin-bottom:20PX;
    grid-gap: 20px;
  }

  .dart_img1 {
    grid-column: 1;
    height:300px;
    background: url(/content/dart1.png);
    background-size:cover;
    background-position: center;
  }

  .dart_img2 {
    grid-column: 1;
    height:300px;
    background: url(/content/dart2.png);
    background-size:cover;
    background-position: center;
  }

  .dart_img3 {
    grid-column: 1;
    height:300px;
    background: url(/content/dart3.png);
    background-size:cover;
    background-position: center;
  }

  .dart_img4 {
    grid-column: 1;
    height:300px;
    background: url(/content/dart4.png);
    background-size:cover;
    background-position: center;
  }

  .venue_wrapper {
    margin:40px 0px;;
    display:grid;
    grid-template-columns: 1fr;
    grid-gap:20px;
  }