.social-media-list {
    display: flex;
    align-items: center;

    li {
        margin-right: var(--regular-space);

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

        a, a i {
            color: inherit;
            font-size: var(--font-size-small-title);
        }
    }

    @media screen and (max-width: 767px) {
        li a, li a i {
            font-size: calc( var(--font-size-text) );
        }
    }
}