.links-and-social table {
  margin: 0 auto;
}

.links-and-social th {
  white-space: nowrap;
  text-align:  right;
}

.links-and-social td:first-of-type {
  width:    16px;
  position: relative;
}

.links-and-social td:first-of-type a {
  position: relative;
  top: 0.2em;
}

@media all and (min-width: 700px) {
  .links-and-social > h2 {
    position: absolute;
    margin-top: 0.3em;
  }
}

@media all and (max-width: 600px) {
  h2 {
    font-size: 1.2em;
    line-height: 2;
  }
  .links-and-social tr {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .links-and-social th {
    text-align: left;
  }
  .links-and-social td:last-of-type {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    text-align: right;
    width: 100%;
  }
}

@media all and (max-width: 500px) {
  h2 {
    font-size: 1.1em;
  }
}

h2 {
  display:     -webkit-flex;
  display:     flex;
  -webkit-flex-wrap: wrap;
  flex-wrap:   wrap;
  -webkit-align-items: center;
  align-items: center;
}
h2 > a, h2 > span:not(:first-of-type) {
  font-size: 0.8em;
  margin-left: 1em;
}

body > main > div > p:first-of-type {
  margin-bottom: 2em;
}