#social-media-container {
    padding:10px 0;
}

@media screen and (max-width:900px) {
    #social-media-container {
    }
}

.list-inline{
    position:relative;
    list-style:none;
    margin:0;
    padding:0;
    float:right;
    right:15px;
}

@media screen and (max-width:900px) {
    .list-inline {
        float:none;
        right:0px;
    }
}

.list-inline li {
	
    display:inline-block;
	padding:0 5px;
    margin:0;
}


.social-icons .fa {
	font-size: 20px;
}

.social-icons .fa {
	width: 35px;
    background-color:transparent;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: rgba(255, 255, 255, 0.8);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.social-icons.icon-circle .fa{ 
	border-radius: 50%;
}
.social-icons.icon-rounded .fa{
	border-radius:5px;
}
.social-icons.icon-flat .fa{
	border-radius: 0;
}

.social-icons .fa:hover, .social-icons .fa:active {
    background-color:transparent;
    border-color:#fff;
	color:rgba(255, 255, 255,1);
	-webkit-box-shadow: 0px 0px 2px 2px rgba(255, 255, 255,0.8);
	-moz-box-shadow: 0px 0px 2px 2px rgba(255, 255, 255,0.8);
	box-shadow: 0px 0px 2px 2px rgba(255, 255, 255,0.8); 

}
.social-icons.icon-zoom .fa:hover, .social-icons.icon-zoom .fa:active { 
 	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1); 
}
.social-icons.icon-rotate .fa:hover, .social-icons.icon-rotate .fa:active { 
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
	transform: scale(1.1) rotate(360deg);
}