#widgets {
  left: 5px;
  margin: 0;
  position: fixed;
}

.social-shares ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.social-shares li {
  box-sizing: border-box;
  padding: 4px;
  text-align: center;
  width: 40px;
}

.social-shares li svg.facebook-social {
  fill: #3b5998;
}

.social-shares li svg.twitter-social {
  fill: #0084b4;
}

.social-shares li svg.pinterest-social {
  fill: #c92228;
}

.social-shares li svg.reddit-social {
  fill: #ff4500;
}

.social-shares li svg.whatsapp-social {
  fill: #25d366;
}

.social-shares li svg.linkedin-social {
  fill: #0077B5;
}

.social-shares li .share {
  fill: #999;
  -webkit-transition: -webkit-filter .5s;
  transition: filter .5s;
}

.social-shares li .share:hover {
  -webkit-filter: brightness(65%);
  filter: brightness(65%);
}


@media (min-width: 1100px) {
  #widgets {
    left: calc(50vw - 550px);
  }
}


@media (min-width: 651px) and (max-width: 1099px) {
  #article-template #main {
    padding-left: 50px;
  }
}


@media (min-width: 651px) and (max-width: 992px) {
  #sidebar {
    padding-left: 50px;
  }
}

@media (max-width: 650px) {
  #widgets {
    float: none;
    left: 0;
    margin: 0 0 10px;
    position: relative;
  }

  .social-shares,
  .social-shares ul li {
      display: inline-block;
  }
}