.container{

font-family: "helvetica-bold";
display: block;
text-align: center;
margin: 0 auto;
border: 10px;
padding: 15px;
background: #262626;
background-clip: border-box;
color: white;
background-position: center; 
max-width:800px;
}

.w3-bar{
  background-clip: border-box;
  color: white;
  text-align: center;
  
  
}


#title{ 
  font-family: "Futura";
  font-size: 60px;
  display: block;
  text-align: center;
  margin: 0 auto;
  border: 10px;
  padding: 15px;
  background-clip: border-box;
  color: #000000;
  background-position: center; 
  max-width:800px;
}

.navigation{
  max-width: 800px;
  margin: 0;
  color: #ffffff;
  font-family: "Helvetica-bold";}



#about{
  max-width:800px;
  margin: 0 auto;
  text-align: left; 
  font-family: "helvetica";
}

gallery{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
  width:100%;
  max-width:800px;
  margin: 25px auto;
}


gallery img{
  display:block;
  box-shadow: -1px 0px 0px #eee;
  width: 100%;
  padding: 5px;
}


.topnav{
  max-width: 800px;
  margin: 0auto;
}



.w3-container{
  max-width: 800px;
 margin: 0 auto;
  color: #720000;
  font-family: "Helvetica-bold";
align-content: center;}