*{box-sizing: border-box}


body {
background-color:rgb(214, 205, 198);
color:rgb(60, 56, 54);
font-family:Verdana, Arial, sans-serif;

}


header {
background-color:rgb(234, 197, 171) ;
color:#FFFFFF;
font-family: Georgia, sans-serif;
}
header h1{margin-left: 80px}
header a {
color: green}

legend{text-align: center}

#wrapper{ 
background-color: rgb(234, 197, 171);
width: 80%;
min-width: 960px;
max-width: 2048px;
margin-left: auto;
margin-right: auto;
box-shadow: 0 3px 3px rgba(66,66,66,0.3)
}


nav{
font-weight:bold;
background-color: rgb(234, 197, 171);
color: rgb(52, 40, 30);
position: sticky;
top: 0;
margin: 10px 80px 10px;
padding-bottom: 15px

}
nav a{
color:black;
padding: 1rem 0rem;
font-size: 1em;
margin-right: 45px;
text-decoration: none
}
nav a:hover{background-color:#BA4920;
}




main {
padding: 1px 1rem 1px 1rem;
display: block;
background-color: #FFFFFF;
margin: 0px 80px 0px 80px;

}
section{float: left;
width: 33%;
padding-right: 1rem;
}


h2{
color:#34281e;
font-family:sans-serif
}



footer{
width: 100%;
text-align:center;
color: aliceblue;


}


legend{font-family: monospace;
font-size: 3rem;}

footer a{color: aliceblue;
}

#desert{
height: 400px;
background-image: url(desert.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat
}

#map{
height: 750px;
background-image: url(map.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}



#flag{
height: 100px;
background-image: url(flag.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat