.shadowbox {
  border-top:	  0px solid none;
  border-left:    1px solid rgb(48, 48, 24);
  border-right:    1px solid rgb(48, 48, 24);
  border-bottom:    1px solid rgb(48, 48, 24);
  border-bottom-left-radius:  1em;
  border-bottom-right-radius:  1em;
  box-shadow:     0.5em 0.5em 0.5em rgb(128, 128, 128);
  margin-bottom: 1em;
}

.banner {
  margin-top: 0em;
  padding-top: 0em;
  width:  100%;
  height: 8.5em;
  background-image: url('/images/PortUnionHeader.jpg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.banner-top {
   margin: 0em;
   padding: 0em;
   width: 100%;
   border-bottom: solid 5px rgb(48, 48, 24);
}

.banner-top img {
    width: 100%;
}

.socialmedia {
    width: 5%;
}

.centre {
  text-align: center;
}

.thick {
  border: 5px solid black;
  border-radius: 2px;
  margin-top: 5%;
  margin-left: 20%;
  width: 60%;
}

.festival {
  font-size: xx-large;
}

.festival h3 {
  font-size: xxx-large;
}

.festival ul {
  padding-left: 40%;
}

.bg-purple {
  background-color: rgb(70, 41, 214);
}

.bg-crowd {
  background-image: url('/images/crowd.jpeg');
  background-size: cover;
  background-repeat: no-repeat;

}

.bg-waterfall {
  background-image: url('/images/waterfall.jpeg');
  background-size: cover;
  background-repeat: no-repeat;

}

.bg-funday {
  background-image: url('/images/FamilyFunDay.png');
  background-size: 60%;
  background-repeat: no-repeat;
  margin-top: 5px;
  z-index: 100;
}

.bg-redcircle {
  background-image: url('/images/RedCircle2.png');
  background-size: 90% 96%;
  background-repeat: no-repeat;
  background-position: center top;
  z-index: -1;
}

.bg-halfsky {
  background-image: url('/images/halfsky.png');
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}

.thoughts {
  background-image: url('/images/balloon.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  font-family: 'Comic sans', sans-serif;
  text-align: center;
  font-size: xxx-large;
}

.volunteers {
  margin: 6%;
  margin-left: 25%;
  width: 50%;
}

.white {
  color: white;
}

.time {
  font-weight: bold;
}

.artist {
  font-weight: bold;
}

@media (min-width: 1000px) {
  .map {
    background-image: url(/images/map.jpeg);
    background-size: 60% auto;
    background-position: top right;
    background-repeat: no-repeat;
    min-height: 66em;
  }
}

@media (max-width: 999px) {
  .map {
    background-image: url(/images/map.jpeg);
    background-size: 100%;
    background-position: bottom left;
    background-repeat: no-repeat;
    min-height: 200em;
  }
}

.infoblock {
  border: 1px solid blue; 
  border-radius: 0.5em; 
  padding: 1em;
}

.sponsor {
  float: left;
  text-align: center;
  vertical-align: middle;
  width: 12.5em;
  height: 8.5em;
  margin: 0.25em;
  font-size: large;
  font-weight: bold;
  font-family: sans-serif;
}

.sponsor p {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.sponsor img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  max-width: 90%;
  max-height: 90%;
}

.sponsorspot {
  float: right;
}

.transparent {
  color: rgba(100,100,100,0);
}

label {
  text-align: right;
  padding-right: 0.5em''
}

th {
  color: rgb(48, 48, 24);
  font-size: larger;
  font-weight: bolder;
  text-align: left;
}

td {
  color: rgb(48, 48, 24);
  font-size: medium;
  vertical-align: top;
}


.wide {
  width: 100%
}

.wrapper  {
  position: relative; 
  margin: 1em auto;
  width:   42em;
  height:  40em;
}

.iframe {
  overflow: auto;
  width: 8em;
  height: 40em;
}

.photoblock {
  margin: 1em auto;
}

.photoblock img {
  width: 6em;
}

.bigshot {
  display: none;
}

.bigshot img {
  position: absolute;
  top: 1em;
  left: 9em;
  width: 32em;
}

.photoblock:hover div {
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-family: serif;
  font-size: medium;
  font-weight: normal;
  text-align: left;
}

.copyright {
  border-top: solid 2px rgb(48, 48, 24);
  vertical-align: top;
  padding-top: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 2em;
}

.copyright p {
  margin: 0em;
  padding: 0em;
  font-family: sans-serif;
  font-size: small;
  color: rgb(48, 48, 24);
  text-align: right;
}