.socialbar-container {
  @apply block;

  &.left {
    @apply
      text-left;
  }

  &.right {
    @apply
      text-right;
  }

  &.center {
    @apply
      text-center;
  }

  .socialbar {
    @apply block;

    a {
      @apply
        mx-2
        inline-block
        h-5
        w-5
        bg-no-repeat
        bg-center
        bg-contain;

      transition: all 0.4s ease;

      &:last-child {
        @apply
          mr-0;
      }

      &:first-child {
        @apply
          ml-0;
      }

      &:hover {
        @apply opacity-75;
      }

      // @screen sm {
      //   @apply
      //     h-8
      //     w-8
      //     mr-5;
      // }
    }
  }
}
