#share-links {
    position: fixed;
    bottom: 7.0em;
    right: 0.5em;
    display: none;
    padding: .6em 0.5em;
    z-index: 1;
    box-sizing: border-box;
    box-shadow: -1px -2px 3px 0px rgba(0, 0, 0, 0.45);
    background-color: $midnightblue;
  
    ul {
      list-style: none;
      margin: 0;
      padding: 0;
      line-height: 2;
      font-size: 1.2em;
      a {
        color: $highlight-grey;
        &:hover,&:active,&:focus{
            color: $text;
        }
      }
    }
}
@media (max-width: 520px) {
    #share-links {
        right: 0.2em;
        bottom: 8.0em;
      }
}