.container-header {
  background-color: #989898;
  background-image: none;
  
  -webkit-box-shadow: 0 0 10px rgb(0,0,0);
  -moz-box-shadow: 0 0 10px rgb(0,0,0);
}

h1 {
  font-size: 22px;
}

h2 {
  font-size: 22px;
}

h3 {
  font-size: 22px;
}

/* give the about-us images some padding at the right */
.left.item-image img {
  padding-right: 10px;
}

/* move about us content below the image on mobile */
@media (max-width: 800px) {
  .about-us-content {
    width: 100%;
  }
  .left.item-image {
    float:none;
  }
}

/* prevent contact details from separating from the icon - 
   pulled from template.css but changed from 1200px to 300px width */
@media (min-width: 300px) {
  
  .com-contact__container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, auto);
    grid-gap: 1rem;
    margin-bottom: 1em;
  }
  
  .com-contact__container .com-contact__info {
      grid-column: 1/3;
      grid-row: 3/4;
  }
  
  .com-contact__container dl.dl-horizontal {
    display: grid;
    grid-template-columns: auto 1fr;
  } 
}