body{ background-color: #dce5ec !important; }
.panel-title { font-weight: bold !important; }

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

section {
  display: grid;
  justify-content: center;
  align-content: center;

  gap: 4px;
  grid-auto-flow: column;
}

.item-center {
  display: grid;
  grid-auto-flow: column;
  gap: 4px;
  align-items: center;
  justify-items: center;
}

#myGeneral:hover{opacity: 0.5;}
#myPlants:hover{opacity: 0.5;}
#myFooditems:hover{opacity: 0.5;}
#myPlantsUSA:hover{opacity: 0.5;}
#myPlantsCanada:hover{opacity: 0.5;}
#myPlantsEuropeUK:hover{opacity: 0.5;}
#myPlantsRestofWorld:hover{opacity: 0.5;}


@media only screen and (max-width: 650px) {
  body {font-size: 10px !important;}
  .faqHeader{font-size: 20px !important;}
  .panel-title{font-size: 10px !important;}
  .panel-heading [data-toggle="collapse"]:after{font-size: 10px !important;line-height: 12px !important;}
}