#social{
display:flex;
justify-content:space-around;
align-items:center;
width:auto;
height:2.5rem;
}

#social .icon{
display:block;
position:relative;
overflow:hidden;
cursor:pointer;
}



/* Mobile View */
@media screen and (max-width: 79.5em){

#social{
margin:.75rem 0 .75rem 0;
}

#social .icon{
width:3rem;
height:3rem;
}

}


/* Desktop View */
@media screen and (min-width: 79.5em){

#social{
margin:0;
}

#social .icon{
width:2.5rem;
height:2.5rem;
}

#social .icon:first-of-type{
margin:0;
}


#social .icon:last-of-type{
margin:0 0 0 .5rem;
}


}