.fa {
    display: inline-block;
    height: 25px;
    width: 25px;
}

.fa-menu {
    -webkit-mask-image: url(/fonts/fa-menu-400.svg);
    -webkit-mask-size: 100%;
    background-color: #000;
}

.fa-close {
    -webkit-mask-image: url(/fonts/fa-close-400.svg);
    -webkit-mask-size: 100%;
    background: #fff;
}

.fa-phone {
    -webkit-mask-image: url(/fonts/fa-phone-400.svg);
    -webkit-mask-size: 100%;
}

.fa-send {
    -webkit-mask-image: url(/fonts/fa-send-400.svg);
    height: 30px;
    width: 30px;
    -webkit-mask-size: 100%;
    background-color: #555;
    position: relative;
    top: -1rem;
}

.fa-plus {
    -webkit-mask-image: url(/fonts/fa-plus-400.svg);
    -webkit-mask-size: 100%;
}

.fa-minus {
    -webkit-mask-image: url(/fonts/fa-minus-400.svg);
    -webkit-mask-size: 100%;
}

.fa-erase {
    -webkit-mask-image: url(/fonts/fa-erase-400.svg);
    -webkit-mask-size: 100%;
}

.fa-public {
    -webkit-mask-image: url(/fonts/fa-public-400.svg);
    -webkit-mask-size: 100%;
    height: 20px;
    width: 20px;
    background-color: #aaa;
}

.fa-th-list {
    -webkit-mask-image: url(/fonts/fa-th-list-400.svg);
    -webkit-mask-size: 100%;
    background-color: #aaa;
}

.fa-trash {
    -webkit-mask-image: url(/fonts/fa-trash-400.svg);
    -webkit-mask-size: 100%;
}

.fa-wechat {
    -webkit-mask-image: url(/fonts/fa-wechat-400.svg);
    -webkit-mask-size: 100%;
    background-color: #555
}

.fa-facebook {
    -webkit-mask-image: url(/fonts/fa-facebook-400.svg);
    -webkit-mask-size: 100%;
    background-color: #555;
    -webkit-mask-repeat: no-repeat;
    width: 12px;
    position: relative;
    top: 0.5rem;
    margin: 0px 0.5rem 0 1rem;
}

.fa-instagram {
    -webkit-mask-image: url(/fonts/fa-instagram-400.svg);
    -webkit-mask-size: 100%;
    background-color: #555;
    -webkit-mask-repeat: no-repeat;
    width: 16px;
    position: relative;
    top: 0.8rem;
}