html,body{
  font-family:Arial, Helvetica, sans-serif;
  background-color: #C4A484;
}
.container{
  display:flex;
}
#banner{
  justify-content: center;
  align-items: center;
  background-color: #9b7653;
  color:#654321;
}

#banner h1{
  text-shadow: .2px .2px white;
  font-style: oblique;

}
.button{
  background-color: #C45508;
  color:white;
  padding:10px;
  margin:10px;
  text-decoration: none;
  border-radius:4px;
}
#body{
  margin-top:20px;

}
#snapshot{
  flex:1;
  text-align:center;
}

#snapshot p{
  font-size:20px;
  font-weight:bold;
}
#snapshot2 img{
  width: 300px;
  border-radius:2px;
  box-shadow:2px 2px 2px black;
}
#snapshot3 img{
  width: 300px;
  border-radius:2px;
  box-shadow:2px 2px 2px black;
}
#snapshot4 img{
  width: 300px;
  border-radius:2px;
  box-shadow:2px 2px 2px black;
}
#snapshot img{
  width:90%;
  border-radius:2px;
  box-shadow:2px 2px 2px black;
}
#description{
  flex:1;
  text-align:center;
}
#description p{
  font-size:20px;
  font-weight:bold;
}
#description li{
  font-size:18px;
  line-height:1.5;
}