html {
  height: 100%;
}

body {
  background: #000;
  color: #ffffff;
  text-align: center;
  justify-content: center;
  font-family: 'Avenir LT Pro', sans-serif;
  display: grid;
  min-height:100%;
  margin: 0;
}

h1 {
  font-family: "Times New Roman", Times, serif;
  font-weight: 300;
  font-size: 3em;
  font-style: italic;
  font-weight: lighter;
}

span {
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: lighter;
}
header {
  align-content: center;
}
header img {
  height: 5em;
  padding-top: 2em;
}

main {
  display: grid;
  grid-row: 2 / span 5;
  max-width: 1500px;
  margin: 0 auto;
}

.heading {
  padding-bottom: 5em;
}

.heading h1 {
  margin-bottom: .2em;
}

.logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.logos img {
  display: block;
  height: 3.5em;
  margin: 0 auto;
  padding: 3em;
}

footer {
  font-weight: lighter;
  line-height: 0.5em;
  align-self: end;
}

a[href^="tel"] {
  color: inherit; 
}

@media screen and (max-width: 1024px) {
  body {
    font-size: 1.3em;
  }
  .logos {
    flex-direction: column;
  }
  .logos img {
    padding: 1em 0;
  }
  footer {
    line-height: 1.2em;
  }
}