html {
  font-family: 'Roboto', sans-serif;
  word-wrap: break-word;
}

body {
  background: #fff;
  //width: 100%;
 // height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
  //padding: 60px;
}

/*h1 {
  width: 100%;
  text-align: center;
  padding: 40px 0;
}

*, *:after, *:before {
  box-sizing: inherit;
}
*/
a {
  color: #333;
  text-decoration: none;
}

.foot {
	text-align: center;
	display: flex;
    align-items: center;
    justify-content: center;
	color: #fff;
	margin: 0;
	padding-top: 5px;
}
.foot ul>li{
	text-align: center;
	display: flex;
    align-items: center;
    justify-content: center;
	color: #000;
	margin: 0;.
}
.foot li>a>i {
	color: #000;
}
.foot ul { margin:0; padding:0;
 color:#000; /* Base text color for the menu */
}
.foot ul li { color: #000; float:left; list-style:none; /* Makes the list items go horizontally in lieu of default vertical display */ }
.foot ul li:after {
 content:"|"; /* Or go Facebook style and use "·" (the interpunct character) for separators */
 color:#666; /* You may want to make the separators a bit more subtle than the base text color */
}
.foot ul li:last-child:after { content:""; /* No separator for the last item in the list */ }
.foot ul li a {
 margin:0 8px; /* Set margins around the links */
 color:#000; /* Text colors for the links */
}