@media (max-width: $break-point-x-large) {
  // hide site description in nav bar
  .site-description {
    display: none;
  }

}

@media (max-width: $break-point-large ) {

}

@media (max-width: $break-point-medium) {


}

@media (max-width: $break-point-small) {

}

@media (max-width: $break-point-x-small ) {

}