body {
    background: #a69076;
    padding:3%;
    color:#260d0d;
   }

   .container {
  border-radius: 5px;
  background-color: #bfaf8f;
  padding: 30px;
border:5px ridge #402721;
max-width: 800px;
margin:auto;
box-shadow: 10px 10px 15px #402721;}

   .navbar {display:flex;
background-color: #260d0d;
max-width: 1340px;
border:3px ridge #a69076;
box-shadow: 10px 10px 15px #402721;
}
a {
 display:block;
padding:5px;
color:#a69076;
font-size:20px;
text-align:center;
border: 2px ridge#a69076;
margin: 4px;
text-decoration:none;}

h1{text-shadow: 10px 10px 20px #402721;}

a:hover {
  color: rgb(238, 238, 148);
}


.book a {
    background-color: #260d0d;
max-width: 300px;
border:5px ridge #a69076;
margin-left: auto;
margin-right: auto;
box-shadow: 10px 10px 15px #402721;
}

@media screen and (max-width: 450px) {
  .navbar {   
    flex-direction: column;}}