.HeaderBlock {
  padding-top: 15%;
  margin-bottom: 4%;
}

.LinkText {
  color: #eeeeee;
  text-decoration: none;

  &:hover {
    text-decoration: underline;
  }
}

.nav-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  .nav-item-10 {
    flex-grow: 0;
    max-width: 83.333333%;
    flex-basis: 83.333333%;

    .divider {
      margin-left: 20px; 
      margin-right: 20px;
      color: #eeeeee;
    }
  }
  .nav-item {
    margin: 0;
    box-sizing: border-box;
  }
}

@media only screen and (min-width: 48em) {
  .HeaderBlock {
    padding-top: 4em;
  } 
} 

@media (min-width: 960px) {
  .nav-container-md {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
}

@media only screen and (max-width: 500px) {
  .LinkText {
    font-size: 14px;
  }
  .divider {
    font-size: 14px;
  }
}