* {
  box-sizing: border-box;
}

.grid {
	display: flex;
	flex-wrap: wrap;
}

.balance {
  display: flex;
	flex-wrap: wrap;
}

.col-1-of-2 {
  flex-grow: 1;
  flex-basis: 50%;
}

nav .nav-item {
	flex-grow: 1;
	flex-basis: 25%;
}

.fill {
  flex-grow: 1;
  flex-basis: 100%;
}

@media (max-width: 62em) {

  nav .nav-item {
    flex-basis: 100%;
  }
}

@media (max-width: 50.25em) {

  .col-1-of-2 {
    flex-grow: 1;
    flex-basis: 100%;
  }
}