/* Sass Document */
@media screen and (max-width: 1110px) {
  #container {
    flex-wrap: wrap;
  }

  #main {
    max-width: 100% !important;
  }

  #right {
    max-width: none;
    flex-basis: 100%;
    min-height: auto;
  }
  #right .inside {
    flex-basis: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #right .inside > .ce_text:not(.last) {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 700px) {
  #footer {
    display: none !important;
  }

  #right .inside {
    flex-wrap: wrap;
  }
  #right .inside > .ce_text {
    flex-basis: 100%;
  }
  #right .inside > .ce_text:not(.last) {
    margin-bottom: 2rem !important;
  }

  #main > .inside > .mod_article {
    padding-left: 1rem;
  }

  #main > .inside > .mod_article .ce_text > p {
    padding-left: 0.5rem !important;
  }
}
@media screen and (max-width: 768px) {
  .menu-toggle {
    display: block;
  }

  #header .ce_image {
    max-width: 80%;
    text-align: left;
  }
  #header .ce_image img {
    max-width: 100%;
    height: auto;
  }

  #nav_main {
    position: absolute;
    z-index: 1000;
    top: 100%;
    right: -15px;
    clip-path: circle(0px at top right);
    transition: clip-path ease-in-out 700ms;
    width: 100vw;
  }
  #nav_main span.active {
    background-color: rgba(87, 87, 102, 0.09);
  }
  #nav_main .nav-separator {
    display: none !important;
  }
  #nav_main > ul.level_1 {
    display: block;
    margin: 0;
    padding: 0;
    background: #e4ffed;
    border: none;
    border-top: 1px solid rgba(87, 87, 102, 0.15);
  }
  #nav_main > ul.level_1 > li {
    border-bottom: 1px solid rgba(87, 87, 102, 0.15);
  }
  #nav_main > ul.level_1 > li > a, #nav_main > ul.level_1 > li > span {
    display: block;
    padding: 0.75rem 2rem;
  }

  #nav_main ul.level_1 > li.active, #nav_main ul.level_1 > span.active {
    text-decoration: none !important;
  }
}
