hugo-theme-stack/assets/scss/socialicons.scss

.inline-svg {
    display: inline-block;
    height: 40px;
    width: 40px;
    top: 0.15rem;
    position: relative;
}
  
.inline-svg:hover {
    opacity: 0.5;
}

.social-icons {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
}

.social-icons>* {
    flex: 0 0 25%;
    padding-right: 10px;
}

@media (max-width:960px) {
    .inline-svg {
        display: inline-block;
        height: 20px;
        width: 20px;
        top: 0.15rem;
    }

    .social-icons>* {
        flex: 0 0 5%;
        padding-right: 10px;
    }
}