@media (max-width: 1200px) {
  .top-nav {
    display: flex;
    flex-direction: row;
    left: 0;
    background-color: #002649;
  }
  .top-nav .header-actions {
    display: none;
  }
  .top-nav .header-logo {
    display: block;
  }
  .open-slide {
    display: block;
  }
  .layout-container {
    grid-template-areas: "content content";
  }
  .fixed-nav {
    display: none;
  }
  .content-area .content-grid {
    display: flex;
    flex-direction: column;
    overflow: wrap;
  }
  .code-container .content-container .code-snippet {
    overflow-x: scroll;
  }
}

@media (max-width: 500px) {
  .layout-container {
    grid-template-columns: 100vw;
  }
}
/*# sourceMappingURL=media-query.css.map */