* {

padding: 0;
margin: 0;
font-family: "Raleway", "Verdana", "Arial", sans-serif;
font-size: normal;
}

body{


background-color: black;


}


a {

  color: inherit;
}

#allthings {

position: relative;
top: 1.9rem;

}

.hallflavor {

color: orange;

}

.important {

color: crimson;

}

.segmentBar {
font-family: "Raleway", Verdana, Arial, sans-serif;
background-image: url("./header3bg.jpg");
background-position: bottom;
color: white;
text-align: center;
opacity: 1;
box-shadow: 3px 3px 18px black;
z-index: 4;


}

.segment{
  z-index: 3;
  width: 100%;
  display: inline-block;
text-align: center;
align-items: center;
padding-top: 6%;
padding-bottom: 6%;
overflow: visible;
background-color:black;
color:white;
background: rgba(0, 0, 0, 0.7);

}


#seg1{

color: white;
align-items: center;
background: rgba(0, 0, 0, 0.81);
}

#seg1 iframe{
  margin-left: auto;
  margin-right: auto;
  width: 100%;


}
#seg2{
background: rgba(0, 0, 0, 0.83);

}


#seg2 img{
  margin-left: auto;
  margin-right: auto;
  width: 50%;
opacity: 0.85;
border: solid white 7px;
}


.vip {

color: gold;

}

#seg3{

background: rgba(0, 0, 0, 0.85);
  align-items: center;
  padding-top: 30px;
overflow: visible;

color:white;

width: 100%;


}

#bwrap{


}

#buy {

  border: solid white 3px;
  cursor: pointer;


}


#seg3 h2{
  margin-left: auto;
  margin-right: auto;
  width: 30%;

}
#seg3 img {
  margin-left: auto;
  margin-right: auto;
  width: 30%;


}

#map {

  text-align: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  overflow: visible;


}

#mapimage {

width: 35%;
height: 35%;
overflow: auto;


}

#seg4{
background: rgba(0, 0, 0, 0.87);
  text-align: center;
  align-items: center;
  padding-top: 30px;
  overflow: visible;
  color:white;



}

#seg5 {

width: 100%;
background: rgba(0, 0, 0, 0.89);
}

#seg5 h3 {

  width: 70%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
color: orange;
overflow: auto;

}

#seg5 p {

  width: 50%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;


}

#seg6{

background: rgba(0, 0, 0, 0.91);
}

#seg7{

background: rgba(0, 0, 0, 0.93);

}

#seg8{

background: rgba(0, 0, 0, 0.95);

}

#seg8 h3 {


}

#seg8 p {


}

#seg8 a:hover{

color: crimson;

}

#bar2 {

padding-top: 0.8rem;
padding-bottom:0.8rem;

}


#bar3 {

}

#bar4 {


}


#bgImage {


position: fixed;
width: 100%;
height: 100%;
z-index : -1;
overflow: hidden;

}

#bgImage img {


overflow : hidden;

}

#masthead {

z-index: 1;
overflow: hidden;
background-size: cover;
width: 100%;
height: 100%;
}


div.gallery {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;
}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
}
#masthead .bg {
z-index: 2;
display: block;
max-width: 100%;



}

#name {
font-family: "Raleway", "Verdana", sans-serif;
font-weight: bold;
color: white;
font-size: 2rem;
}


#smalllogo {
pointer-events: none;

}

#headbar {
padding: 2px 0px;
z-index: 10;
background-image: url("./header3bg.jpg");
background-position: bottom;
color: floralwhite;
font-family: "Raleway", "Verdana", "Arial", sans-serif;
font-weight: bold;
position: fixed;
text-align: center;
width: 100%;
font-size: 1.4rem;
display: inline-block;
box-shadow: 3px 3px 18px black;
height: auto;

}

#headbar #smalllogo {

position: relative;
top: 3px;

}

#headbar li {

  padding: 4px 3px;
  z-index: 1;
display: inline-block;
width: 8rem;
vertical-align: middle;


}


#headbar li a {

text-decoration: none;

}

#headbar li:hover{

color: crimson;

}

#headbar img {

opacity: 0.80;
width: 100%;
height: 100%;


}

#headbar img:hover {

  opacity: 1;

}

footer {
background-color: black;
opacity: 0.98;
width: 100%;

}

footer img {

position: relative;
left: 35%;
width: 30%;
height: 30%;
margin-left: auto;
margin-right: auto;
opacity: 0.5;
}

footer img:hover{


opacity: 1.0


}

div.gallery {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 200px;
}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 5px;
    text-align: center;
}