* {
  box-sizing: border-box;
}
body {
  background-color: rgb(255, 250, 220);
  font-family: trebuchet, geneva, sans-serif;
  display: flex;
  flex-direction: column;

}
article, aside, footer, header {
  padding:10px;
}
main{
  border-left: solid black 1px;
  border-right: solid black 1px;
  max-width: 1400px;
  margin-left:auto;
  margin-right:auto;
}
header, footer {
  background-color: #333;
  color: #ddd;
  text-align: center;
  border-bottom: 9px solid #fff;
}
h1, h2, h3{
  text-align: center;
}
#Marco-Polo{
    display:flex;
    flex-direction:row;
}
#overall{
    border-top: solid black 1px;
    padding:10px;
  text-align-last: center;
  background-color: aqua;
}
#ibn{
  display:none;
}
article {
    flex-basis:100%;
    border-right: solid black 1px;
  }

aside:overall{
  border-right:none;
  text-align-last: center;
}
nav{
    background-color: rgb(131, 255, 181)
}

nav ul{
    display: flex;
    flex-direction: row;
    margin:10px;
}
nav ul li{
    flex:auto;
    position: sticky;
}
nav ul li a{
    display: block;
    color: rgb(0, 0, 0);
    text-transform: capitalize;
    text-decoration: none;
    padding: 10px;
    text-align-last: center;   
}

.dropdown> li> ul{
    display: none;
    position: fixed;
    margin-bottom: 10px;
    width: 60%;
    z-index: 5;
    
}

.dropdown li ul li{
    border-right: groove;
}

.dropdown>li:hover>ul{
    display: block;
}
nav a:hover, nav a:active, nav a focus{
    background-color: rgb(49, 206, 206);
    color: firebrick;
}
.Tbilisi{
    background-color: rgb(216, 159, 159);
    flex-wrap:wrap;
}

.Damascus{
    background-color: rgb(211, 89, 135);
    flex-wrap: wrap;
}

.Potosi{
    background-color: rgb(205, 192, 222)
}
.places{
  display: block;
  margin:auto;
}

header img{
    width:199px;
    height:auto;
    margin-right: 20px;
    vertical-align: middle;
}