#content {
  margin-top: var(--header-height);
  height: calc(100vh - var(--header-height));
  transition: var(--transition-base);
  /* margin-left: 0 !important; */
}

/* sm	640px	@media (min-width: 640px) { ... } */
@media (min-width: 640px) {
}

/* md	768px	@media (min-width: 768px) { ... } */
@media (min-width: 768px) {
}

/* lg	1024px	@media (min-width: 1024px) { ... } */
@media (min-width: 1024px) {
}

/* xl	1280px	@media (min-width: 1280px) { ... } */
@media (min-width: 1280px) {
  #content {
    margin-left: 252px;
  }
}

@media (max-width: 1280px) {
  #content {
    margin-left: 0 !important;
  }
}

/* 2xl	1536px	@media (min-width: 1536px) { ... } */
@media (min-width: 1536px) {
}