/****************************************
* Footer
****************************************/

footer {
  background: #333333 url('/clibs/textures/iron-grip.png');
  background-repeat: ;
  background-size: ;
  background-position: ;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
  color: #ffffff;
  font: normal 300 26px/1em 'Raleway';
  text-transform: none;
  letter-spacing: ;
  text-shadow: ;
  text-align: center;
}

footer p,
footer li,
footer a[href^=tel] {
  color: #d8d5d5;
  font-size: 16px;
  text-align: center;
}

footer a {
  color: #83C442;
  font-size: 16px;
  text-align: center;
}

footer a:hover,
footer a:focus {
  color: #3F9309;
}

footer hr {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

footer .button {
  background: ;
  color: ;
  border: ;
}

footer .button:hover {
  background: ;
  color: ;
  border: ;
}

footer .seal {
  display: none
}

footer .locations hr:first-of-type {
  margin-top: 0;
}

footer .locations-grid {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
}

@media (min-width: 800px) {
  footer .locations-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media(min-width: 1400px) {
  footer > .grid {
    grid-template-columns: 5fr 1fr;
  }

  footer .seal {
    display: block;
    position: relative;
    min-height: 288px;
  }

  footer .seal .wrapper {
    position: absolute;
    top: 181px;
    left: 50%;
    transform: translateX(-50%);
  }

  footer .seal img {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    margin: -1.25rem auto 0 auto;
    max-width: 288px;
  }

  footer .seal .button {
    padding: .75rem .5rem;
  }
}