.header{
    height:900px;
    width:100%;
    background-color: darkslategrey;
    
}
.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:1000px;
   background-color:antiquewhite;
}

.wordbox{
    height:300px;
    width:500px;
    background-color: antiquewhite;
    border-radius: 40px;
   
}
.words{
    font-family: cursive;
    font-size: 12px;
    
   
}
.topresort{
    height:50px;
    width:300px;
    background-color: antiquewhite;
    
}
.box1{
    height:400px;
    width:400px;
    background-color: whitesmoke
    ;
    float:left;
    margin-left: 20px;
    border-color: whitesmoke;
    border-style:solid;
     border-radius: 30px;
}
.box11{
    height:200px;
    width:400px;
    float:left;
   
}
.osaka{
    font-family:cursive;
    font-size: 25px;
    position: relative;
    top:45px;
    right:90px;
    
}
.osaka2{
    font-family:serif;
    font-size: 27px;
    position: relative;
    top:10px;
    right:30px;
}
.box2{
    height:400px;
    width:400px;
    background-color:whitesmoke
    ;
    float:right;
    margin-right: 20px;
    border-color: whitesmoke;
    border-style:solid;
    border-radius: 30px;
}
.box12{
    height:200px;
    width:400px;
    float:left;
}
.florence{
    font-family:cursive;
    font-size: 25px;
    position: relative;
    bottom:25px;
    right:90px;
    
}
.florence2{
    font-family:serif;
    font-size: 27px;
    position: relative;
    bottom: 40px;
    right:10px;
}
.box3{
    height:400px;
    width:400px;
    background-color: whitesmoke
    ;
    float:left;
    margin-left: 20px;
    border-color: whitesmoke;
    border-style:solid;
     border-radius: 30px;
}
.box13{
    height:200px;
    width:400px;
    float:left;
}
.galway{
    font-family:cursive;
    font-size: 25px;
    position: relative;
    bottom:20px;
    right:90px;
    
}
.galway2{
    font-family:serif;
    font-size: 25px;
    position: relative;
    bottom:40px;
    right:20px;
}
.box4{
    height:400px;
    width:400px;
    background-color:whitesmoke
    ;
    float:right;
    margin-right: 20px;
    border-color: whitesmoke;
    border-style:solid;
     border-radius: 30px;
}
.box14{
    height:200px;
    width:400px;
    float:left;
}
.riodejaneiro{
    font-family:cursive;
    font-size: 25px;
    position: relative;
    bottom:20px;
    right:90px;
    
}
.riodejaneiro2{
    font-family:serif;
    font-size: 25px;
    position: relative;
    bottom:40px;
    right:20px;
}
.explore{
    height:50px;
    width:300px;
    background-color:antiquewhite;
    float:left;
    margin-left:300px;
    
}
.box5{
    height:600px;
    width:800px;
    background-color: antiquewhite;
    float:left;
    margin-left:50px;
}
.box51{
    height:600px;
    width:400px;
    background-color: aquamarine;
    float:left;
    margin-left:20px;

}
.box52{
    height:300px;
    width:300px;
    background-color: aquamarine;
    float:right;
    margin-right:20px;
}
.box53{
    height:300px;
    width:300px;
    background-color: aqua;
    float:right;
    margin-right:20px;
}
.cruise{
    height:600px;
    width:300px;
    float:left;
}
.cruise2{
    height:50px;
    width:400px;
    background-color: antiquewhite;
    position: relative;
    top:550px;
    
}
.cruise3{
    font-family:serif;
    font-size:30px;
    height:10px;
    
    
}
.plane{
    height:600px;
    width:300px;
    float:right;
   
}
.plane2{
    height:50px;
    width:300px;
    background-color: antiquewhite;
    position: relative;
    top:250px;
    font-size:20px;
    
    
}
.train{
    height:600px;
    width:300px;
    float:right;
   
}
.train2{
    height:50px;
    width:300px;
    background-color: antiquewhite;
    position: relative;
    top:250px;
    font-size:20px;
    
    
}
.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;
    
}