@media (max-width: 1602px) {
  .w100-q-md {
    width: 100%;
  }
}

@media (max-width: 1280px) {

  :root {
    --line-height-base: 22px;
  }

  html {
    font-size: 15px;
  }

  h1,
  .flip-title {
    font-size: 4rem;
  }
}

@media (max-width: 1024px) {

  h1,
  .flip-title {
    font-size: 3rem;
  }
}

@media (max-width: 600px) {

  :root {
    --line-height-base: 20px;
  }

  html {
    font-size: 14px;
  }

  .cta {
    font-size: var(--font-size-md);
  }

  .w50 {
    width: 100%;
  }
  #page-header {
    flex-direction: column-reverse;
  }

  #content, #legals {
    padding: var(--padding-half);
  }

  h1, .flip-title {
    margin: 0;
  }

  /*  */

  .not-mobile {
    display: none;
  }

  .mobile {
    display: block;
  }
  .flex-row.mobile, .flex-column.mobile {
    display: flex;
  }

  .flex-column-mobile {
    flex-direction: column;
  }



  .w25 {
    width: 100%;
  }

  .f-nm-mobile {
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
  }

  .p-t-mobile {
    padding-top: var(--padding-base);
  }
  
  .p-b-mobile {
    padding-bottom: calc(var(--padding-base) * 1.4);
  }

  .dist-mobile {
    margin-bottom: calc(var(--padding-base) * 4);
  }

  #page-header {
    min-height: 0;
    /* margin-bottom: var(--padding-base);
    padding-bottom: 3rem; */
  }

  #contact-info {
    margin-top: 1rem;
  }

  #contact-info > * {
    padding-bottom: 0 !important;
  }

  #w,
  .tile {
    padding: 2px;
  }

  h1,
  .flip-title {
    font-size: 2.5rem;
    line-height: 1.1em;
    letter-spacing: 0.02em;
  }

  .flip-title {}

  .info {
    margin-top: 3rem;
  }

  .info.row {
    flex-direction: column;
  }

  .tile {
    width: 100%;
  }

  .project-entry {
    margin-bottom: var(--padding-base);
  }

  .project-entry > * {
    padding-bottom: 0;
  }

  .project-entry .title {
    margin-bottom: 0.05rem;
  }

  .cta {
    /* line-height: 1.4em; */
    /* padding: 0.1em 0.65em 0 1.5em; */
  }

  /* .cta::after {
    width: 0.7em;
    height: 0.7em;
    top: 0.4em;
    left: 0.4em;
  } */
}