#socialdock{
    position:fixed;
    z-index:999;
    top:calc(var(--nav-burger-width) + 3.6rem + 16px);
    left:2rem;
    top:50%;
    transform:translate(0,-50%);
    width:calc(var(--nav-burger-width) + 1.6rem);
    height:fit-content;
    margin:0.3rem;
    display:flex;
    flex-direction:column;
    padding-top:5px;
    padding-bottom:5px;
    opacity:0.8;
    transition:all .2s;
}
#socialdock a{
    height:calc(var(--nav-burger-width) + 1.6rem - 10px);
    width:calc(var(--nav-burger-width) + 1.6rem);
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    color:var(--dark-color) !important;
    opacity:1;
    transition:opacity .2s;
}
#socialdock a:hover{
    opacity:0.8;
}
#socialdock i{
    font-size:calc(var(--nav-burger-width) + 1.6rem - 22px);
    line-height:calc(var(--nav-burger-width) + 1.6rem - 22px);
    text-align:center;
}
#socialhoriz{
    margin-bottom:16px;
    display:none;
}
#socialhoriz a{
    width:52px;
    color:var(--dark-color) !important;
    text-align:center;
}
#socialhoriz i{
    font-size:40px;
}
@media screen and (max-width: 1200px) {
    #socialdock{
        display:none;
    }
    #socialhoriz{
        display:block;
    }
}