.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:900px;
    width:900px;
    background-color:darkslategrey;}






.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;
    
}