.version2.button_container {
  
   text-align: center;
   margin: 20px auto 35px auto;
}
.parmabox.homeButton.version2 {
   height: 50px;
   font-size: 50px;
   width: 50px;
   margin: 0 auto;
   cursor: pointer;
}

 #wantbutton {
  text-align: center; 
  border-radius: 8px; 
  background-color: rgb(48, 205, 72);
  color: black;
  font-weight: bold; 
  font-size: 25px;
  width: 200px;
  height: 75px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-top: 50px;
  padding: 10px;
}
#wantbutton:hover {
background-color: rgb(103, 234, 86);
}

@media (max-width: 1000px) { 
    
   #wantbutton {
      height: 80px;   /* 110 * 0.7 */
      width: 175px;   /* 260 * 0.7 */
      font-size: 24px; /* 40 * 0.7 */
      margin-bottom: 30px;
   }
}

#essay_button.wantbutton {
  text-align: center; 
  border-radius: 8px; 
  background-color: lightblue;
  color: blue;
  font-weight: bold; 
  font-size: 25px;
  width: 200px;
  height: 75px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-top: 50px;
  padding: 10px;
  color: blue;
}
#essay_button:hover {
  background-color: rgb(37, 147, 184);
}
/* diy doesn't have enough boxes, so need to reduce height like this, removing a row. 
*/
.middle.diy { 
    grid-template-rows: 1fr 1fr;
}