.social-container {
    font-size: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.social-flex {
    min-width: 42px;
    margin: 5px;
    padding: 5px;
    flex-shrink: 0;
    object-fit: scale-down;
    text-decoration: none;
 }

.apl-music {fill: #ffffff; margin: 0px;}
.email {fill: #ffffff; margin-top: 5px;}
.genius {margin-top: 8px;}
.tidal {fill: #ffffff;}

.apl-music:hover, .apl-music:active,
.email:hover, .email:active,
.bandcamp:hover,.bandcamp:active,
.deezer:hover, .deezer:active,
.genius:hover, .genius:active,
.mastodon:hover, .mastodon:active,
.soundcloud:hover, .soundcloud:active, 
.tidal:hover, .tidal:active,
.youtube:hover, .youtube:active
{fill: #61c2a2 !important;}

@media screen and (max-width: 510px) {
  .social-flex {
    margin: 0px;
    padding: 3px;
 }  
}