.main-content {
  padding: 10em 0.5em;
  overflow-x: hidden;
}
.main-content h1 {
  color: #0d261a;
  text-shadow: 2px 2px 5px #332600;
}
.grid,
.grid-item {
  display: grid;
}
.grid {
  grid-template-columns: 50% 50%;
  gap: 2px;
}
.grid-item {
  grid-template-columns: 2.6em auto;
  gap: 0.5em;
  padding: 0.5em 0;
}

.grid-item ul {
  font-size: 14px;
}
.grid-item ul a:hover {
  color: #b38600;
}
.grid-item-icon {
  color: #b38600;
  font-size: 1.6em;
  text-align: center;
  padding: 0.5em;
}
/* Responsive Web Design*/
/* For mobile phones: */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .grid-item {
    grid-template-columns: auto auto;
  }
  .grid-item-icon {
    font-size: 3.5vw;
    text-align: right;
  }
  .grid-item h2 {
    font-size: 5vw;
  }
  .grid-item li {
    font-size: 3vw;
  }
}