/* zocial */
[class*="zocial"]:before {
  font-family: 'zocial', sans-serif;
}

html {
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
  background: white;
  color: #444444;
  font-size: 19px;
  font-family: "ff-franziska-web-pro", "freight-text-pro", serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3 {
  font-weight: bold;
  font-family: "franklin-gothic-urw", sans-serif;
}

hr {
  border: 0;
  height: 1px;
  background: #333;
  background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

#content {
  max-width: 1100px;
}

.header h1 {
  margin-bottom: 10px;
}

.header h3 {
  margin-top: 5px;
}

.header h3 p {
  margin-top: 0;
  margin-bottom: 5px;
}

.body-text {
  line-height: 1.4;
  max-width: 800px;
}

.body-text a {
  font-weight: bold;
}

footer {
  font-weight: lighter;
  font-size: 15px;
}

.social-links {
  padding: 0;
  list-style-type: none;
  font-size: 15px;
}

.social-links li {
  display: inline-block;
  width: 30%;
  border: 1px solid black;
  border-radius: 4px;
  margin-bottom: 5px;
  padding: 5px;
}

.social-links li * {
  overflow: hidden;
  text-overflow: ellipsis;
}

.social-links li:hover {
  background-color: #cecece;
}

.social-links a {
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
  font-weight: normal;
  display: block;
}

@media (max-width: 625px) {
  html {
    padding: 1% 10% 20%;
  }

  .header {
    text-align: center;
  }

  .show-large-only {
    display: none;
  }

  .social-links li {
    width: 40%;
  }
}

@media (min-width: 626px) {
  html {
    padding: 0 3% 0.25%;
  }

  .social-links li {
    width: 30%;
  }

  .show-small-only {
    display: none;
  }
}

@media (min-width: 1500px) {
  html {
    padding: 4% 7% 1%;
  }

  #content {
    max-width: 90%;
  }
}