.socialicon {
    display: inline-block;
    font-size: 22px;
    width: 22px;
    height: 22px;
    text-align: center; 
    padding: 5px 5px;
    color: #FFF !important;
    opacity: 1;
}

.socialiconextend {
	width: 24px !important;
	text-align: left !important; 
}

.socialicon:hover {
    opacity: .8;
}


.color-fb {
    background: #3e5b98;
}

.color-yt {
    background: #e02a20;
}

.color-tw {
	background: #00aced;
}

.color-ml {
	background: #96afe1;
}


.socialicon a {
    text-decoration: none;
    color: #FFF !important;
}

.socicon-facebook:before {
  content: "\e041";
}

.socicon-youtube:before {
  content: "\e051";
}

@media screen and (max-width: 450px) {
    .socialicon {
        font-size: 15px;
        width: 15px;
        height: 15px;
        padding: 3px 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }   
    
    .socialiconextend {
	width: 17px !important;
}

}