ul.menu{
  list-style:none;
  display: flex;
	flex-wrap: wrap;
  margin:0;
  padding:0;
}

ul.menu li{
}

ul.menu.menu--social{
}

ul.menu.menu--social li{
  margin:0 1rem 0 0;
}

ul.menu.menu--footer{
  margin:4rem 0 0;
  text-align:center;
  font-size: var(--font-size-small);
	justify-content: center;
}

ul.menu.menu--footer li{
  margin:0 .5rem;
}

ul.menu.menu--footer li:first-child{
  order:1;
  width:100%;
}

@media (min-width: 480px) {
  ul.menu.menu--footer li:first-child{
    order:0;
    width:auto;
    margin-left:0;
  }
  ul.menu.menu--footer li:last-child{
    margin-right:0;
  }
}