/* reposition icon for lower resolutions */
@media screen and (max-width: 1280px) {
  img#icon {
    left: 3% !important;
  }
}

/* hide icon for lower resolutions */
@media screen and (max-width: 1024px) {
  img#icon {
    display: none;
  }
}

/* center social icons in header */
@media screen and (max-width: 630px) {
  header aside.social {
    left: auto;
    width: 100%;
    pointer-events: none;
    text-align: center;
  }
  header aside.social div {
    display: inline-block;
    pointer-events: auto;
  }
}