body {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 17px;
  font-weight: 400;
  line-height: 1.7;
  color: #000000;
  text-align: left; }

.page {
  width: 100%;
  max-width: 1440px; }
  .page .inner_wrapper {
    display: flex; }
    .page .inner_wrapper .sidebar {
      position: fixed;
      left: 0;
      transform: translateX(-100%);
      transition: transform 0.3s;
      background: #ffffff;
      height: 100vh;
      z-index: 9; }
      @media (min-width: 768px) {
        .page .inner_wrapper .sidebar {
          transform: none;
          position: relative;
          width: 25%;
          padding-right: 20px; } }
      .sidebar-open .page .inner_wrapper .sidebar {
        transform: translateX(0); }
        @media (min-width: 768px) {
          .sidebar-open .page .inner_wrapper .sidebar {
            transform: none;
            max-width: 25%; } }
      .page .inner_wrapper .sidebar--inner {
        max-width: 250px;
        margin: 0 auto;
        padding: 0 15px;
        height: 100%;
        overflow-y: scroll; }
        @media (min-width: 768px) {
          .page .inner_wrapper .sidebar--inner {
            overflow-y: initial; } }
    .page .inner_wrapper .main-content {
      width: 100%; }
      @media (min-width: 768px) {
        .page .inner_wrapper .main-content {
          width: 75%; } }

img {
  max-width: 100%;
  margin: 0 auto;
  height: auto; }

h2 {
  font-size: 32px; }

/*# sourceMappingURL=layout.css.map */