/*------------- #SOCIALS --------------*/

.socials {
  .social__item {
    margin-right: 15px;
    background-color: transparent;
    cursor: pointer;
    opacity: .85;

    @media (max-width: 320px) {
      margin-right: 5px;
    }

    &:hover {
      opacity: 1;
    }

    &:last-child {
      margin-right: 0;
    }

    svg {
      width: 36px;
      height: 36px;
    }

    img {
      height: 24px;
    }
  }
}