.df-directional_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  margin-bottom: 1.25rem;
  padding: 1.875rem 1.25rem 1.25rem 1.25rem;
  -webkit-box-shadow: 0.375rem 0.1875rem 1.25rem #00000029;
          box-shadow: 0.375rem 0.1875rem 1.25rem #00000029;
}

.df-directional_item-img {
  overflow: hidden;
}

.df-directional_item-img img {
  opacity: .5;
  min-width: 4.1875rem;
  min-height: 4.1875rem;
  max-width: 4.1875rem;
  max-height: 4.1875rem;
}

.df-directional_title {
  line-height: 1.875rem;
  margin-bottom: 1.25rem;
  color: #0C6A6C;
  font-size: 1.375rem;
  font-family: "Roboto", sans-serif;
}

.df-directional_arrow {
  margin-top: auto;
  color: #000;
  font-size: 1.3125rem;
}

.df-directional a:hover,
.df-directional a:active,
.df-directional a:focus {
  text-decoration: none;
}

@media (min-width: 992px) {
  .df-directional_item {
    max-height: 20.75rem;
    margin-bottom: 1.875rem;
    padding: 1.875rem 1.5625rem;
  }
  .df-directional_item-img img {
    min-width: 7.5rem;
    min-height: 7.5rem;
    max-width: 7.5rem;
    max-height: 7.5rem;
  }
  .df-directional_title {
    font-size: 1.5rem;
  }
}