#z-section {
  position: relative;
}
#z-section .z-social-icon{
  position: fixed;
  top: 30%;
  width: 50px;
  height: 200px;
  left:0;
  z-index: 1000
}
#z-section .z-social-icon .z-social {
  display: inline-block;
  width:100%;
  height: calc(100% / 4);
  text-align: center;
  padding-top:15px;
}
#z-section .z-social-icon .z-social a{
color:#fff;
}
#z-section .z-social-icon .z-social:hover{
width:120%;
}
#z-section .z-social-icon .z-social.facebook {
background: #3b5998;
color: #fff;
}
#z-section .z-social-icon .z-social.youtube {
background: #FF0000;
color: #fff;
}
#z-section .z-social-icon .z-social.linkedin {
background: #0077B5;
color: #fff;
}
#z-section .z-social-icon .z-social.twitter {
background: #1dcaff;
color: #fff;
}
#z-section .z-social-icon .z-social i{
  display: inline-block;
  width: 100%;
  font-size: 16px
}
@media all and (max-width: 416px) {
  #z-section .z-social-icon{
  position: fixed;
  top: 30%;
  width: 30px;
  height: 200px;
  left:0;
}
}