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

#social .icon{
display:block;
position:relative;
overflow:hidden;
cursor:pointer;
margin:0 !important;
padding:0 !important;
}


/* 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;
padding: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;
}

}

/* Mobile View */
@media screen and (max-width: 45rem){

#social_wrapper{
grid-area:social;
float:left;
width:100%;
margin:0;
padding:.5rem 0;
text-align:center;
}

}


/* Mobile View > Tablet only */
@media screen and (min-width: 45rem) and (max-width: 79.5rem){

#social_wrapper{
grid-area:social;
float:left;
width:100%;
margin:0;
padding:.5rem 0;
text-align:center;
}


}


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

#social_wrapper{
grid-area:social;
float:left;
width:100%;
margin:0;
padding:.5rem 0;
text-align:center;
}

}