body {
  margin:0px;
  position:relative;
  font-family:sans-serif;
}
#nav {
  text-align:center;
  display:none;
  padding-left:0px;
  min-width:150px;
  line-height:40px;
  margin-right:0px;
  background-color:#348FC1;
}
#nav li {
  display:inline-block;
  font-size:20px;
  padding:0px 20px;
  font-family:sans-serif;
  position:relative;
  font-weight:bold;
  color:white;
}
#nav span {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
}
#nav a {
  color:white;
  text-decoration:none;
}
#nav.showmenu {
  display:block;
  position:fixed;
  top:80px;
  right:0px;
  z-index:10;
}
#nav.showmenu li {
  display:block;
  padding:10px 15px;

}
#nav li:hover {
  background-color:rgba(255,255,255,0.2);
  color:black;
}
#mobilenav {
  position:absolute;
  top:0px;
  right:0px;
  height:80px;
  width:70px;
  cursor:pointer;
}
#mobilenav img {
  height:60px;
  width:70px;
  margin-top:10px;
  vertical-align:center;
}
#banner {
  background-color: #348FC1;
  height:80px;
  position:relative;
  z-index:11;
}
#banner h1 {
  padding-left:50px;
  padding-right:50px;
  margin:0px;
}
#logo {
  position:absolute;
  top:0px;
  left:0px;
}
#logo img {
  height:80px;
  width:80px;
}
h1 {
  text-align:center;
  font-family:sans-serif;
  line-height:40px;
  font-size: 24px;
  margin-top:10px;
  margin-bottom:5px;
}
h1 a {
  text-decoration: none;
  color:black;
}
#body {
  max-width:700px;
  margin-left:auto;
  margin-right:auto;
  margin-top:25px;
  padding-bottom:180px;
}
p {
  font-family:sans-serif;
  font-size:18px;
  padding:10px 40px;
  margin:5px auto;
  line-height:150%;
  max-width:600px
}
#donate {
  background-color:#348FC1;
  padding:10px 20px;
  font-size:20px;
  color:white;
  border-radius:5px;
  margin-left:auto;
  margin-right:auto;
  display:block;
  cursor:pointer;
}
#donate:hover {
  background-color:#2576a2;
}
.scroll {
  margin-bottom:130px;
}
#footer {
  background-color:#348FC1;
  padding:10px;
  color:white;
  font-family:sans-serif;
  text-align:center;
  position:fixed;
  bottom:0px;
  left:0px;
  width:100%;
  height:110px;
}
#footer p {
  padding:10px;
}
.social {
  display:inline-block;
  padding: 20px 20px 0px 20px;
}
.social img {
  height:40px;
  width:40px;
}
@media only screen and (min-width: 600px) {
  h1 {
    font-size:40px;
  }
  #banner {
    padding-left:150px;
  }
  #logo img {
    height:150px;
    width:150px;
  }
  #nav {
    display:block;
    line-height:78px;
    text-align:right;
    margin-right:20px;
    padding-left:150px;
  }
  #mobilenav {
    display:none;
  }
}

#lightbox {
  position:fixed;
  top:0px;
  left:0px;
  width: 100%;
  height:100%;
  z-index:10;
  background-color:rgb(0,0,0,0.1);
}
#lightbox-content {
  width:400px;
  max-width:calc(100% - 60px);
  min-height:200px;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  background-color:white;
  top:calc(50% - 100px);
  border-radius:10px;
  padding:15px;
  text-align:center;
}
#lightbox-content img {
  float:left;
  height:auto;
  width:200px;
  max-width:50%;
}
#win-img {
  float:left;
  height:auto;
  width:200px;
  max-width:50%;
}
.instructions {
  max-width:350px;
  text-align:center;
}
.hidden {
  display:none;
}