/***********
  ** Override CSS goes here
  ** Typically added to live sites that aren't compiled anymore
************/

.grid-items {
  text-align: center;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  grid-auto-rows: minmax(10px, auto);
}

.grid-items > * {
  margin: 0;
  font-size: 14px;
  border: 1px solid #444;
  padding: 4px;
  border-radius: 1px;
}

.grid-items > *:hover {
  border-color: #d0a553
}

@media only screen and (max-width: 992px) {
  .grid-items {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .grid-items {
    grid-template-columns: repeat(1, 1fr);
  }
}

.company-story .page-header-image,
.refer-a-friend .page-header-image,
.contact-us .page-header-image,
.faq .page-header-image,
.federal-state-building-painting .page-header-image,
.medical-dental-office-painting .page-header-image {
  background-position: center top !important;
}