ul.foo {
    display:table;
    table-layout:fixed;
    width:780px;
    padding-bottom: 40px;
	margin:inherit;
}
ul.foo li {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    border-left:1px solid white;
}
ul.foo li:first-child {
    border:none;    
}
ul.foo li a {
    display:block;
    text-decoration:none;
    color:white;
}
@media screen and (max-width: 480px){
	ul.foo {
		width:inherit;
	display:flex;
	flex-wrap:wrap;
}
ul.foo li {
	margin:4px;
    text-align:center;
}
}