body{
font-family: 'Merriweather', serif;
 background: white! important;
}
.puzzle { float: left
  width: 70%;
  border: 2px solid  #ffad00;
  padding: 5px; 
}
.puzzle h2 {text-align: center;}

/* For mobile phones: */
[class*="column"] {
  width: 100%;
}
.menu-toggle{
 margin-top: 10rem !important;
font-size:x-large;
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
.columna {
  float: left;
  width: 70%;
  padding: 5px;
}

.columnb {
  float: left;
  width: 30%;
  padding: 5px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}