main[role="main"] {
  display: flex;
  flex-wrap: wrap;
}

main .main-content {
  flex: 2;
  width: calc(200%/3);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding-right: 0;
}

main aside.layout-sidebar-first {
  flex: 1;
  width: calc(100%/3);
  border-left: thin solid var(--light-bg);
  box-sizing: border-box;
  padding-left: 1em;
  margin-left: 1em;
}

/* ---- Home Page ----------------------------------------------------- */
div > .contact-link-home {
  margin-top: 72px;
}

.contact-link-home:any-link {
  color: var(--dark-bg);
  font-family: Mona Sans;
  font-size: 29px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration-line: underline;
}

.contact-link-home:any-link::after {
  content: url('https://api.iconify.design/carbon/arrow-right.svg?color=%2328156f&width=35&height=35');
  display: inline-block;
  position: relative;
  top: 8px;
  left: 8px;
  transition: transform 0.4s ease;
  transform-origin: center;
}

.contact-link-home:any-link:hover::after {
  transform: rotate(-45deg);
}


  /* ---- portfolio pages ----------------------------------------------------- */
  main #block-osinett-currentterm div h2 {
    display: none;
  }

  main #block-osinett-currentterm {
    border: dotted 1px var(--box);
    box-shadow: 1px 1px 1px var(--medium);
    font-size: calc(16rem / 16);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    padding: 0 0.5em 0.5em;
    /**/
    max-width: 640px;
  }

  main #block-osinett-currentterm img {
    float: left;
    margin: 1em 1em 0 0;
  }

  main #block-osinetm-term-current .content,
  .view-portfolio article {
    margin-left: auto;
    margin-right: auto;
    padding: 0.5em 0;
    width: 95%;
  }


/* ---- /portfolio pages ---------------------------------------------------- */

@media all and (min-width: 795px) and (max-width: 1080px) {

  main[role="main"], p.mission-1 {
    margin: 0 32px;
  }
}

@media all and (max-width: 794px) {
  .contact-link-home:any-link {
    font-size: 25px;
    line-height: 150%;
  }

  main aside.layout-sidebar-first {
    width: 100%;
    border-left: none;
    margin-left:0;
    margin-top: 64px;
    padding-right: 16px;
  }

}