.paragraph--homepage-services {
  margin: 0 auto;
  /* max-width: 1140px; */
  max-width: 1500px;
  width: 100%;
}

.paragraph--homepage-services__title {
  text-align: center;
}

.paragraph--homepage-services__title  > div{
  display: inline;
}

.paragraph--homepage-services__listing {
  display: grid;
  /*grid-template-columns: 33% 33% 33%;*/
  grid-template-columns: 25% 25% 25% 25%;
}

.service_small.homepage-services__body-1, .service_small.homepage-services__body-1, .homepage-services__body-1 {
  background-color: #002A55;
  position: relative;
  border: 1px solid #333;
}

.paragraph--homepage-services__listing .paragraph--homepage-services__listing-item > a {
  display: block;
  position: relative;
}
.paragraph--homepage-services__listing .paragraph--homepage-services__listing-item > a > svg {
  display: none;
}
.paragraph--homepage-services__listing .paragraph--homepage-services__listing-item > a > .paragraph--homepage-services__listing-item-body {
  color: white;
  position: absolute;
  top: 25px;
  padding: 20px;
  font-size: 2rem;
}
.paragraph--homepage-services__listing .paragraph--homepage-services__listing-item > a > .paragraph--homepage-services__listing-item-title {
  position: absolute;
  top: 0;
  color: white;
  font-size: 2.25rem;
  padding: 20px;
  text-shadow: 2px 2px 2px rgba(51, 51, 51, 1);
  z-index: 2;
}

.paragraph--homepage-services__listing .paragraph--homepage-services__listing-item > a > .paragraph--homepage-services__listing-item-image {
  width: 100%;
  z-index: 1;
}

.paragraph--homepage-services__listing .paragraph--homepage-services__listing-item.service_large > a > .paragraph--homepage-services__listing-item-image {
  position: absolute;
}

.paragraph--homepage-services__listing .paragraph--homepage-services__listing-item > a > .paragraph--homepage-services__listing-item-image ul.links {
  padding: 0;
}

/* Use for showcase body text */
@media (max-width: 931px) {
  .paragraph--homepage-services__listing .paragraph--homepage-services__listing-item > a > .paragraph--homepage-services__listing-item-body {
    font-size: 1.5rem;
  }
}

@media (max-width: 800px) {
  .paragraph--homepage-services__listing .paragraph--homepage-services__listing-item > a > .paragraph--homepage-services__listing-item-body {
    font-size: 1.3rem;
  }
}

@media (max-width: 700px) {
  .paragraph--homepage-services__listing {
    display: block;
    max-width: 380px;
    margin: 0 auto;
  }

  .paragraph--homepage-services__listing .paragraph--homepage-services__listing-item > a > .paragraph--homepage-services__listing-item-body {
    height: 253px;
    position: relative;
    padding: 30px 0px 0px 15px;
    max-width: 100%;
    width: 100%;
    font-size: 2rem;
  }

  .paragraph--homepage-services__listing .paragraph--homepage-services__listing-item.service_large > a > .paragraph--homepage-services__listing-item-image {
    position: unset;
  }
}
