.single-singer{display:block;float:left;width:20%}@media only screen and (min-width:768px) and (max-width:991px){.single-singer{width:33.333%}}@media only screen and (max-width:767px){.single-singer{width:50%}}@media only screen and (max-width:479px){.single-singer{width:100%}}.single-singer .image{position:relative;overflow:hidden}.single-singer .image:before{position:absolute;left:0;top:0;height:100%;width:100%;background-color:var(--primary-color);content:"";opacity:0;z-index:3}.single-singer .image img{width:100%}.single-singer .image .social{position:absolute;left:0;right:0;padding:0 15px;top:50%;opacity:0;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;z-index:5}.single-singer .image .social a{display:inline-block;margin:0 10px;color:var(--white-color)}.single-singer .image .social a:hover{opacity:.8}@media only screen and (min-width:992px) and (max-width:1200px){.single-singer .image .social a{margin:0 5px}}.single-singer .image .social a i{font-size:16px;line-height:20px;display:block}.single-singer:hover .image:before{opacity:.7}.single-singer:hover .image img{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.single-singer:hover .image .social{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:1}.single-singer .content{padding:30px}.single-singer .content h4{text-transform:uppercase;margin-bottom:5px;font-weight:600}@media only screen and (min-width:992px) and (max-width:1200px){.single-singer .content h4{font-size:14px}}.single-singer .content span{display:block;line-height:20px;text-transform:uppercase;font-size:12px;font-weight:600}