.css-footer{
    border-top: solid #cccccc 1px;
    padding: 30px 0px;
}

.css-footer .css-navigation img{
    width: 200px;
    margin-bottom: 15px;
}

.css-footer .css-navigation .nav-pills > li > a{
	background-color: transparent;
	color: #CE0000;
}

.css-footer .css-navigation .nav-pills > li > a:hover{
	background-color: white;
	color: #CE0000;
}

.css-footer .css-navigation .nav-pills > li.active > a,
.css-footer .css-navigation .nav-pills > li.active > a:focus,
.css-footer .css-navigation .nav-pills > li.active > a:hover{
	background-color: white;
	color: #CE0000;
}

.css-footer .css-social a{
    color: #333333;
}

.css-footer .css-social .fa{
    font-size: 30px;
}

/* --------------- */

/* md */
@media screen and (max-width: 1200px){}

/* sm */
@media screen and (max-width: 992px){}

/* xs */
@media screen and (max-width: 768px){

    .css-footer .css-navigation{
        text-align: center;
    }

    .css-footer .css-navigation .nav-pills > li {
		float: none;
	}

	.css-footer .css-navigation .nav > li {
		display: inline-block;
	}

    .css-footer .css-social{
        text-align: center;
    }
}

/* xxs*/
@media screen and (max-width: 500px){}