.social-bar{
    position: fixed;
    right:0;
    top:30%;
    font-size: 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 100;
}

img {
    max-width: 100rem;
}
.icon{
    color: white;
    text-decoration: none;
    padding: 1rem;
    display: flex;
    transition: all .5s;
}
.icon-facebook2{
    background:#2e406e;
}
.icon-instagram{
    background: #ff00ff;
}
.icon-whatsapp{
    background:#008f39;
}
.icon-mail4{
    background:#0078d7;
}
.icon-phone{
    background:#6ccdf8;
}
.icon:first-child{
    border-radius: 1rem 0 0 0;
}
.icon:last-child{
    border-radius: 0 0 0 1rem;
}
.icon:hover{
    padding-right: 3rem;
    border-radius: 1rem 0 0 1rem;
    box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.42)
}




.social-bar{
    display: none;   
}

@media (max-width: 1024px) {
     .social-bar{
        display: block;      
    }
}