@media (max-width: 1000px) {
  .error__container {
    gap: 80px;
  }
  .error__container__image img {
    width: 400px;
  }
  #popModal {
    height: 427.31px;
  }
  .intro__container {
    padding-top: 56px;
    gap: 56px;
  }
  .intro__container__image img {
    width: 400px;
  }
  .portfolio__content__projectcontainer {
    gap: 24px;
    padding: 0 16px;
  }
  .portfolio__content__projectcontainer__row {
    gap: 24px;
  }
  .portfolio__content__illustrationcontainer {
    gap: 24px;
    padding: 0 16px;
  }
  .portfolio__content__illustrationcontainer__column {
    gap: 24px;
  }
}
@media (max-width: 700px) {
  body {
    font-size: 18px;
  }
  nav {
    padding: 16px;
  }
  nav img {
    width: 120px;
  }
  .nav__links {
    gap: 8px;
  }
  .top {
    bottom: 8px;
    right: 8px;
  }
  .error {
    height: calc(100vh - 149.09px);
  }
  .error__container {
    flex-direction: column;
    gap: 32px;
  }
  .error__container__image img {
    width: 320px;
  }
  .pwprotected {
    align-items: flex-start;
    height: calc(100vh - 149.09px);
    padding: 0 16px 0 16px;
  }
  .pwprotected br {
    display: none;
  }
  .pwprotected p {
    text-align: left;
    max-width: 400px;
  }
  .pwprotected h1 {
    margin-bottom: 8px;
  }
  .pwprotected__inputform {
    margin: 40px 0 56px 0;
  }
  #popModal {
    height: 481px;
  }
  .aboutpopup__container {
    padding: 16px;
  }
  .aboutpopup__container p {
    width: 100%;
  }
  .intro__container {
    padding-top: 56px;
    flex-direction: column;
    gap: 56px;
  }
  .intro__container__image img {
    width: 320px;
  }
  .intro__pagecontainer {
    padding: 80px 16px 80px 16px;
  }
  .intro__pagecontainer__text {
    gap: 32px;
    width: 100%;
  }
  .intro__pagecontainer__text__heading h1 {
    margin-bottom: 2px;
  }
  .projectpage__content {
    padding: 80px 16px 80px 16px;
    gap: 8px;
  }
  .projectpage__content__noroff {
    gap: 8px;
  }
  .projectpage__content__noroff div {
    height: 80px;
  }
  .projectpage p {
    margin-bottom: 80px;
  }
  .portfolio {
    padding-top: 80px;
  }
  .portfolio__head {
    margin-bottom: 40px;
    gap: 0px;
  }
  .portfolio__content {
    margin-bottom: 80px;
  }
  .portfolio__content__projectcontainer {
    gap: 24px;
    padding: 0 16px;
  }
  .portfolio__content__projectcontainer__row {
    flex-direction: column;
    gap: 24px;
  }
  .portfolio__content__projectcontainer__row p {
    margin-top: 0px;
  }
  .portfolio__content__illustrationcontainer {
    gap: 24px;
    padding: 0 16px;
    flex-direction: column;
  }
  .portfolio__content__illustrationcontainer__column {
    gap: 24px;
  }
  .portfolio__content__illustrationcontainer__column__txt {
    display: flex;
    flex-direction: row;
  }
  .portfolio__content__illustrationcontainer__column p {
    margin-top: 0px;
  }
}/*# sourceMappingURL=media.css.map */