body{
    margin: 0px;
    padding:0px;
    background: tan;
    overflow-x: hidden;
}

img{
    outline: none;
    border: none;
}

a:hover{
	text-decoration: underline;
}

#container{
    font-family: "Times New Roman", Times, serif;
    margin: 170px auto;
    width: 720px;
    max-width: 85vw;
    padding: 20px;
    background: white;
}
#grocery-list{
  margin-bottom: 30px;
}

input{
	height: 25px;
}

@media(max-width: 770px) {
  #joe {
    display: none !important;
  }
}

.button {
  background-color: tan; /* Green */
  border: none;
  color: white;
  padding: 10px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;

}
#container #extras{
	margin-top: 25px;
}

#container h1{
  font-size: 30px;
  font-weight: 800;
}

#container ul{
 list-style-type:disc;
}
#container h2{
	text-align: center;
	font-size: 28px;
  font-weight: 800;
}

#container h3{
	text-align: center;
	font-size: 22px;
  margin-bottom: 25px;
  font-weight: 800;
}
#grocery-list{
	margin-left: 20px;
}
#container b{
  font-weight: 800;
}