.bar{
    height:100px;
    width:100%;
    background-color: darkslategrey;
    position: fixed;
    z-index:5;
}
.flex-container {
    display: flex;
    flex-wrap: nowrap;
    background-color: darkslategrey;
    justify-content: center;
    
}

.flex-container > div {
    background-color: antiquewhite;
    width: 100%;
    margin: 10px;
    text-align: center;
    line-height: 100px;
    font-size: 40px;
}
.home{
 font-family: serif;
    font-size: 50px;
    float:left;
}
.hotel{
 font-family: serif;
    font-size: 50px;
     float:left;
}
.accomadation{
 font-family: serif;
    font-size: 50px;
     float:left;
}
.transportation{
 font-family: serif;
    font-size: 50px;
     float:left;
}
.dining{
 font-family: serif;
    font-size: 50px;
}
.contact{
 font-family: serif;
    font-size: 50px;
}
.layout{
    height:2000px;
    width:100%;
   background-color:white;
}
.box{
   height:500px;
    width:100%;
    background-color:darkslategrey;
    
    
}
.wording{
    font-family: cursive;
    font-size:12pt;
    
    width:100%;
    color:whitesmoke;
    font-style: italic;
    
}
.box2{
    height:900px;
    width:100%;
    background-color: antiquewhite;
}


.location{
    font-family: serif;
    font-size:12pt;
    color:black;
    
}

.dropbtn {
background-color: antiquewhite;
  color: black;
  padding: 16px;
  font-size: 12pt;
  border: none;
}


.dropdown {
  position: relative;
  display: inline-block;
}


.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}


.dropdown-content a {
  color: black;
  padding: 20px 20px;
  text-decoration: none;
  display: block;
}


.dropdown-content a:hover {background-color: lightgray;}


.dropdown:hover .dropdown-content {display: block;}


.dropdown:hover .dropbtn {background-color: whitesmoke;}

.location2{
    font-family: serif;
    font-size:12pt;
    height:50px;
    width:100%;
    color:black;
    
}
.dropbtn2 {
background-color: antiquewhite;
  color: black;
  padding: 16px;
  font-size: 12pt;
  border: none;
}


.dropdown2 {
  position: relative;
  display: inline-block;
}


.dropdown-content2 {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}


.dropdown-content2 a {
  color: black;
  padding: 20px 20px;
  text-decoration: none;
  display: block;
}


.dropdown-content2 a:hover {background-color: lightgray;}


.dropdown2:hover .dropdown-content2 {display: block;}


.dropdown2:hover .dropbtn2 {background-color: whitesmoke;}





.location3{
    font-family: serif;
    font-size:12pt;
    height:50px;
    width:100%;
    color:black;
    
}

.dropbtn3 {
background-color: antiquewhite;
  color: black;
  padding: 16px;
  font-size: 12pt;
  border: none;
}


.dropdown3 {
  position: relative;
  display: inline-block;
}


.dropdown-content3 {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}


.dropdown-content3 a {
  color: black;
  padding: 20px 20px;
  text-decoration: none;
  display: block;
}


.dropdown-content3 a:hover {background-color: lightgray;}


.dropdown3:hover .dropdown-content3 {display: block;}


.dropdown3:hover .dropbtn3 {background-color: whitesmoke;}


.location4{
    font-family: serif;
    font-size:12pt;
    height:50px;
    width:100%;
    color:black;
    
}

.dropbtn4 {
background-color: antiquewhite;
  color: black;
  padding: 16px;
  font-size: 12pt;
  border: none;
}


.dropdown4 {
  position: relative;
  display: inline-block;
}


.dropdown-content4 {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}


.dropdown-content4 a {
  color: black;
  padding: 20px 20px;
  text-decoration: none;
  display: block;
}


.dropdown-content4 a:hover {background-color: lightgray;}


.dropdown4:hover .dropdown-content4 {display: block;}


.dropdown4:hover .dropbtn4 {background-color: whitesmoke;}


.location5{
    font-family: serif;
    font-size:12pt;
    height:50px;
    width:100%;
    color:black;
    
}
.dropbtn5 {
background-color: antiquewhite;
  color: black;
  padding: 16px;
  font-size: 12pt;
  border: none;
}


.dropdown5 {
  position: relative;
  display: inline-block;
}


.dropdown-content5{
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}


.dropdown-content5 a {
  color: black;
  padding: 20px 20px;
  text-decoration: none;
  display: block;
}


.dropdown-content5 a:hover {background-color: lightgray;}


.dropdown5:hover .dropdown-content5 {display: block;}


.dropdown5:hover .dropbtn5 {background-color: whitesmoke;}



.location6{
    font-family: serif;
    font-size:12pt;
    height:50px;
    width:100%;
    color:black;
    
}
.dropbtn6 {
background-color: antiquewhite;
  color: black;
  padding: 16px;
  font-size: 12pt;
  border: none;
}


.dropdown6 {
  position: relative;
  display: inline-block;
}


.dropdown-content6 {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}


.dropdown-content6 a {
  color: black;
  padding: 20px 20px;
  text-decoration: none;
  display: block;
}


.dropdown-content6 a:hover {background-color: lightgray;}


.dropdown6:hover .dropdown-content6 {display: block;}


.dropdown6:hover .dropbtn6 {background-color: whitesmoke;}



.location7{
    font-family: serif;
    font-size:12pt;
    height:50px;
    width:100%;
    color:black;
    
}
.dropbtn7 {
background-color: antiquewhite;
  color: black;
  padding: 16px;
  font-size: 12pt;
  border: none;
}


.dropdown7 {
  position: relative;
  display: inline-block;
}


.dropdown-content7 {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}


.dropdown-content7 a {
  color: black;
  padding: 20px 20px;
  text-decoration: none;
  display: block;
}


.dropdown-content7 a:hover {background-color: lightgray;}


.dropdown7:hover .dropdown-content7 {display: block;}


.dropdown7:hover .dropbtn7 {background-color: whitesmoke;}









.footer{
    height:500px;
    width:100%;
    background-color:darkslategrey;
    position:relative;
}
.footer2{
    font-size: 50px;
    
}
.footerbox{
    height:400px;
    width:300px;
    background-color: darkslategrey;
    position: relative;
    right:500px;
    bottom:140px;
    
}
.footerwords{
    font-size:40px;
    
}
.footerwords2{
    font-size:40px;
    
}
.footerwords3{
    font-size:40px;
    
}
.footerwords4{
    font-size:40px;
    
}
.footerbox2{
    height:400px;
    width:300px;
    background-color: darkslategrey;
    position: relative;
    right:180px;
    bottom:587px;
    
}
.footerbox3{
    height:400px;
    width:300px;
    background-color: darkslategrey;
    position: relative;
    left:140px;
    bottom:1033px;
    
}
.footerbox4{
    height:400px;
    width:300px;
    background-color: darkslategrey;
    position: relative;
    left:460px;
    bottom:1481px;
    
}