html,body {
	font-size:100%;
}

#footer{
	background-color: #000000;
	color: #ffffff;
	width:100%;
	padding:0;
	margin:0;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	letter-spacing: 0.1em;
}

.links-items a{

	color: #ffffff;
	text-decoration: none;
}

.links-items a:hover{

	color: #76d3cd;
	text-decoration: none;
}

/*
* Bar white one a left
*/
.bar_white{
	border-left:1px solid  #545151;
}
/*
* Center Logo 
*/
.my_logo_foot{
	margin-top:30px;
	margin-bottom:30px;
	display: flex;
}
.row1{
	margin-top:15px;
}
.footer-icons{
	padding:0px;
}
/*
* Color logo in white 
*
*/
.icon-circle .fa{
	background-color: white;
    font-size: 20px;
    color: #000;
    margin: 0 auto;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 2px solid #000000;
    line-height: 40px;
    cursor: pointer;
    -webkit-transition: all ease-in-out 0.35s;
    -moz-transition: all ease-in-out 0.35s;
    -o-transition: all ease-in-out 0.35s;
    -ms-transition: all ease-in-out 0.35s;
    transition: all ease-in-out 0.20s,background-color ease-in-out 0.05s;
}

.text-center{

	display: inline;
}

/*### Resize and Zoom ### */

@media screen and (min-width : 700px)and (max-width : 1400px)and (min-height:400px)and (max-height:1000px){
	.navbar-fixed-bottom {
		border-width: 1px 0 0;
	}
	.navbar-fixed-bottom, .navbar-fixed-top {
		position: relative;
		right: 0;
		left: 0;
		z-index: 1030;
	}

}
/*### Smartphones (portrait and landscape)(small)### */
@media screen and (min-width : 0px) and (max-width : 700px){
	.navbar-fixed-bottom {
		border-width: 1px 0 0;
	}
	.navbar-fixed-bottom, .navbar-fixed-top {
		position: relative;
		right: 0;
		left: 0;
		z-index: 1030;
	}
	
	.bar_white{
		border-left:0px solid  #000000;
		text-align: center;
	}
	.col-xs-3{
		width: 100%;
	}
}