.spacer {
  width: 100%;
  margin: 0;
  padding: 0;
}

.spacer-large {
  height: 64px;
}

.spacer-small {
  height: 32px;
}

.spacer-white {
  background-color: #FFF;
}

.spacer-accent {
  background-color: #E4DCD3;
}

.spacer-subdued {
  background-color: #F6F3F2;
}

.spacer-brand {
  background-color: #002C5F;
}

.spacer-nlineaccent {
  background-color: #AACAE6;
}

.spacer-nlinesubdued {
  background-color: #D7E6F3;
}

/* Media Queries for Responsive Design */
@media (max-width: 1199px) {
  .spacer-large {
    height: 32px;
  }

  .spacer-small {
    height: 24px;
  }
}

@media (max-width: 767px) {
  .spacer-large {
    height: 24px;
  }

  .spacer-small {
    height: 16px;
  }
}