body {
  font-family: "Rubik", sans-serif;
  font-weight:<300>;
  font-size:20px;
  margin-top:5%; 
  background-color:#848C57;
  color:#E7E0DA;
  margin-left:1%;
  margin-right:1%; 
}

#heading1{
  font-size:20px;
  color:#F7F5F3;
   margin-left:1%;
   margin-right:1%; 
}

#heading2{
  
  font-size:20px;
  color:#4E5334;
   margin-left:1%;
  margin-right:1%; 
}


#box{
  background-color:#E7E0DA;
  color: #4E5334;
  padding: 2% 3% 2% 3%;
  border: 7px solid #4E5334;
  margin: 1% 10% 2% 10%;
  
}


#smallerboxleft{
  background-color:#E7E0DA;
  width:23%;
  height:16%;
  color: #4E5334;
  padding: 2% 3% 2% 3%;
  border: 7px solid #4E5334;
  margin: 2% 1% 1% 3%;
  display: inline-block;
}

#smallerboxright{
  background-color:#E7E0DA;
  width:23%;
  height:16%;
  color: #4E5334;
  padding: 2% 3% 2% 3%;
  border: 7px solid #4E5334;
  margin: 2% 3% 1% 1%;
  display: inline-block;
}

#smallerboxmiddle{
  background-color:#E7E0DA;
  width:22%;
  height:16%;
  color: #4E5334;
  padding: 2% 3% 2% 3%;
  border: 7px solid #4E5334;
  margin: 2% 1% 2% 1%;
  display: inline-block;
}

.artbutton {
    background-color: #4E5334;
    color: #E7E0DA;
    border: 1px solid #E7E0DA;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
}

 img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}