* {
  box-sizing: border-box; }

html, body, h1, p, a, footer, main {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

footer, main {
  display: block; }

:root {
  --m0: 6.544rem;
  --m1: 5.61rem;
  --m2: 4.909rem;
  --m3: 4.209rem;
  --m4: 3.683rem;
  --m5: 3.157rem;
  --m6: 2.763em;
  --m7: 2.369rem;
  --m8: 2.073rem;
  --m9: 1.777rem;
  --m10: 1.555rem;
  --m11: 1.333rem;
  --m12: 1.166rem;
  --m13: 1rem;
  --m14: 0.875rem;
  --m15: 0.75rem;
  --m16: 0.656rem; }

a {
  color: #000;
  text-decoration: none; }

p, .p, .sanslink {
  font-size: 1rem;
  margin-bottom: 1rem;
  max-width: 32rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media screen and (min-width: 40em) {
    p, .p, .sanslink {
      font-size: calc( 1rem + (1.166 - 1) * ( (100vw - 40rem) / ( 86.25 - 40) ));
      max-width: 38rem; } }
  @media screen and (min-width: 86.25em) {
    p, .p, .sanslink {
      font-size: 1.166rem;
      max-width: 42rem; } }
  p a, .p a, .sanslink a {
    text-decoration: underline;
    color: #284B4C; }
    p a:hover, p a:focus, .p a:hover, .p a:focus, .sanslink a:hover, .sanslink a:focus {
      color: #050909; }

.blockquote-front {
  font-family: ivypresto-display, serif;
  font-weight: 300;
  font-style: italic;
  font-size: var(--m9);
  line-height: 1.2727272727;
  max-width: 12rem;
  margin: 1rem 0;
  text-indent: -0.35em; }
  @media (min-width: 31.25em) {
    .blockquote-front {
      max-width: 19rem; } }
  @media screen and (min-width: 40em) {
    .blockquote-front {
      font-size: var(--m8);
      max-width: 25rem; } }
  @media screen and (min-width: 56.25em) {
    .blockquote-front {
      font-size: var(--m7);
      max-width: 38rem; } }
  @media screen and (min-width: 86.25em) {
    .blockquote-front {
      font-size: var(--m6);
      max-width: 42rem; } }

.blockquote-testamonial {
  clear: both;
  margin: 0 0 5rem 0;
  max-width: 32rem; }
  @media screen and (min-width: 40em) {
    .blockquote-testamonial {
      max-width: 38rem;
      margin-bottom: 6rem; } }
  @media screen and (min-width: 86.25em) {
    .blockquote-testamonial {
      max-width: 42rem;
      margin-bottom: 8rem; } }
  .blockquote-testamonial p {
    font-size: 1.166rem; }
    @media screen and (min-width: 40em) {
      .blockquote-testamonial p {
        font-size: calc( 1.166rem + (1.333 - 1.166) * ( (100vw - 40rem) / (86.25 - 40) )); } }
    @media screen and (min-width: 86.25em) {
      .blockquote-testamonial p {
        font-size: 1.333rem; } }
  .blockquote-testamonial cite {
    text-align: right;
    display: block;
    color: #284B4C;
    font-family: ivypresto-headline, serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: -0.015em;
    font-size: var(--m11); }
    @media screen and (min-width: 86.25em) {
      .blockquote-testamonial cite {
        font-size: var(--m10); } }
    @media screen and (min-width: 100em) {
      .blockquote-testamonial cite {
        font-size: var(--m9); } }
  .blockquote-testamonial span {
    text-align: right;
    display: block;
    color: #284B4C;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .1em;
    font-size: var(--m16);
    font-family: ivystyle-sans, sans-serif; }
    @media (min-width: 31.25em) {
      .blockquote-testamonial span {
        font-size: var(--m15); } }
    @media screen and (min-width: 40em) {
      .blockquote-testamonial span {
        font-size: var(--m14); } }
  @media (min-width: 73.75em) {
    .blockquote-testamonial:nth-child(2), .blockquote-testamonial:nth-child(6), .blockquote-testamonial:nth-child(10), .blockquote-testamonial:nth-child(14), .blockquote-testamonial:nth-child(18), .blockquote-testamonial:nth-child(20) {
      margin-left: 3rem; } }
  @media screen and (min-width: 86.25em) {
    .blockquote-testamonial:nth-child(2), .blockquote-testamonial:nth-child(6), .blockquote-testamonial:nth-child(10), .blockquote-testamonial:nth-child(14), .blockquote-testamonial:nth-child(18), .blockquote-testamonial:nth-child(20) {
      margin-left: 5rem; } }
  @media screen and (min-width: 100em) {
    .blockquote-testamonial:nth-child(2), .blockquote-testamonial:nth-child(6), .blockquote-testamonial:nth-child(10), .blockquote-testamonial:nth-child(14), .blockquote-testamonial:nth-child(18), .blockquote-testamonial:nth-child(20) {
      margin-left: 7rem; } }
  @media (min-width: 73.75em) {
    .blockquote-testamonial:nth-child(3), .blockquote-testamonial:nth-child(5), .blockquote-testamonial:nth-child(11), .blockquote-testamonial:nth-child(13), .blockquote-testamonial:nth-child(19) {
      margin-left: 6rem; } }
  @media screen and (min-width: 86.25em) {
    .blockquote-testamonial:nth-child(3), .blockquote-testamonial:nth-child(5), .blockquote-testamonial:nth-child(11), .blockquote-testamonial:nth-child(13), .blockquote-testamonial:nth-child(19) {
      margin-left: 10rem; } }
  @media screen and (min-width: 100em) {
    .blockquote-testamonial:nth-child(3), .blockquote-testamonial:nth-child(5), .blockquote-testamonial:nth-child(11), .blockquote-testamonial:nth-child(13), .blockquote-testamonial:nth-child(19) {
      margin-left: 14rem; } }
  @media (min-width: 73.75em) {
    .blockquote-testamonial:nth-child(4), .blockquote-testamonial:nth-child(12) {
      margin-left: 9rem; } }
  @media screen and (min-width: 86.25em) {
    .blockquote-testamonial:nth-child(4), .blockquote-testamonial:nth-child(12) {
      margin-left: 15rem; } }
  @media screen and (min-width: 100em) {
    .blockquote-testamonial:nth-child(4), .blockquote-testamonial:nth-child(12) {
      margin-left: 21rem; } }
  .blockquote-testamonial:nth-child(21) {
    margin-bottom: 0; }
    @media (min-width: 73.75em) {
      .blockquote-testamonial:nth-child(8),.blockquote-testamonial:nth-child(16) {
        margin-left: -3rem; } }
    @media screen and (min-width: 86.25em) {
      .blockquote-testamonial:nth-child(8),.blockquote-testamonial:nth-child(16) {
        margin-left: -5rem; } }
    @media screen and (min-width: 100em) {
      .blockquote-testamonial:nth-child(8),.blockquote-testamonial:nth-child(16) {
        margin-left: -7rem; } }

.work-with-me h3 {
  font-family: ivypresto-headline, serif;
  font-weight: 700;
  color: #284B4C;
  font-size: var(--m9);
  line-height: 1.4;
  margin-top: 1.5em;
  margin-bottom: .5em;
  max-width: 32rem; }
  @media screen and (min-width: 40em) {
    .work-with-me h3 {
      font-size: var(--m8);
      max-width: 38rem; } }
  @media screen and (min-width: 86.25em) {
    .work-with-me h3 {
      font-size: var(--m7);
      max-width: 42rem; } }
  @media screen and (min-width: 100em) {
    .work-with-me h3 {
      font-size: var(--m6); } }

.work-with-me span {
  font-family: ivystyle-sans, sans-serif;
  font-weight: 600; }

html {
  height: 100%;
  scroll-behavior: smooth;
  overflow-x: hidden; }
  @media screen and (min-width: 56.25em) {
    html {
      overflow-x: visible; } }
  @media (prefers-reduced-motion) {
    html {
      scroll-behavior: auto; } }

body {
  background-color: #FFF;
  color: #000;
  font-family: ivyjournal, serif;
  font-weight: 400;
  height: 100%;
  line-height: 1.6;
  overflow-x: hidden; }

header {
  background-color: #284B4C;
  color: #fff;
  position: relative; }
  header h2, header p {
    font-family: ivypresto-headline, serif;
    font-weight: 700;
    color: #FCD3A3;
    font-size: var(--m9);
    margin: 0;
    max-width: none;
    letter-spacing: -0.015em;
    line-height: 1.4; }
    @media screen and (min-width: 40em) {
      header h2, header p {
        font-size: var(--m7); } }
    @media screen and (min-width: 56.25em) {
      header h2, header p {
        font-size: var(--m5); } }
    @media screen and (min-width: 86.25em) {
      header h2, header p {
        font-size: var(--m4); } }
    @media screen and (min-width: 100em) {
      header h2, header p {
        font-size: var(--m3); } }
  header h2 {
    margin-top: 10vh; }
    @media screen and (min-width: 40em) {
      header h2 {
        margin-top: 12vh; } }
    @media screen and (min-width: 56.25em) {
      header h2 {
        margin-top: 15vh; } }
    @media screen and (min-width: 86.25em) {
      header h2 {
        margin-top: 20.5vh; } }
    @media screen and (min-width: 100em) {
      header h2 {
        margin-top: 25vh; } }
  header.shorty h2 {
    margin-top: 5vh; }
    @media screen and (min-width: 40em) {
      header.shorty h2 {
        margin-top: 6vh; } }
    @media screen and (min-width: 56.25em) {
      header.shorty h2 {
        margin-top: 7vh; } }
    @media screen and (min-width: 86.25em) {
      header.shorty h2 {
        margin-top: 9vh; } }
    @media screen and (min-width: 100em) {
      header.shorty h2 {
        margin-top: 12vh; } }

.sans {
  font-family: ivystyle-sans, sans-serif;
  font-weight: 400;
  color: #284B4C;
  letter-spacing: -0.02em;
  font-size: var(--m9);
  margin-top: 0;
  line-height: 1.4; }
  @media screen and (min-width: 40em) {
    .sans {
      font-size: var(--m8); } }
  @media screen and (min-width: 56.25em) {
    .sans {
      font-weight: 300; } }
  @media screen and (min-width: 86.25em) {
    .sans {
      font-size: var(--m7); } }
  @media screen and (min-width: 100em) {
    .sans {
      font-size: var(--m6); } }

section, header, footer {
  padding: 3vh 3vh; }
  section:before, section:after, header:before, header:after, footer:before, footer:after {
    display: table;
    content: ""; }
  section:after, header:after, footer:after {
    clear: both; }
  @media screen and (min-width: 40em) {
    section, header, footer {
      padding: 4vh 4vh; } }
  @media screen and (min-width: 56.25em) {
    section, header, footer {
      padding: 5vh 5vh; } }
  @media screen and (min-width: 86.25em) {
    section, header, footer {
      padding: 6vh 6vh; } }
  @media screen and (min-width: 100em) {
    section, header, footer {
      padding: 7vh 7vh; } }
  section .group-l, header .group-l, footer .group-l {
    float: left;
    clear: both; }
  @media (min-width: 65.625em) {
    section .group-r, header .group-r, footer .group-r {
      float: right;
      clear: both; }
      section .group-r.pr, header .group-r.pr, footer .group-r.pr {
        padding-right: 70%; } }
  @media screen and (min-width: 100em) {
    section .group-r.pr, header .group-r.pr, footer .group-r.pr {
      padding-right: 67%; } }

ul {
  margin: 0; }

.rapper {
  max-width: 60rem;
  margin-left: auto;
  position: relative; }
  @media (min-width: 65.625em) {
    section .rapper {
      padding-right: 14rem; } }
  @media screen and (min-width: 86.25em) {
    .rapper {
      max-width: 70rem; }
      section .rapper {
        padding-right: 15rem; } }
  @media screen and (min-width: 100em) {
    .rapper {
      max-width: 77rem; }
      section .rapper {
        padding-right: 15.5rem; } }

.small-burger {
  height: 15.5rem;
  margin-bottom: 1rem;
  margin-top: 3rem; }
  @media (min-width: 21.25em) {
    .small-burger {
      height: 13.5rem; } }
  @media (min-width: 25em) {
    .small-burger {
      height: 9rem; } }
  @media screen and (min-width: 40em) {
    .small-burger {
      height: 8.5rem; } }
  @media screen and (min-width: 56.25em) {
    .small-burger {
      height: 9.5rem; } }
  @media screen and (min-width: 86.25em) {
    .small-burger {
      height: 11rem; } }
  @media screen and (min-width: 100em) {
    .small-burger {
      height: 11.5rem; } }
  .small-burger p {
    position: absolute;
    opacity: 0;
    color: #284B4C;
    font-family: ivypresto-headline, serif;
    font-weight: 700;
    border-left: .4em solid #284B4C;
    letter-spacing: -0.015em;
    padding-left: .5em;
    line-height: 1.2727272727;
    font-size: var(--m9);
    animation: FadeInOut 32s linear infinite;
    animation-fill-mode: both; }
    @media (prefers-reduced-motion) {
      .small-burger p {
        animation: FadeInOutChill 32s linear infinite; } }
    @media screen and (min-width: 40em) {
      .small-burger p {
        font-size: var(--m8);
        max-width: 42rem; } }
    @media screen and (min-width: 56.25em) {
      .small-burger p {
        font-size: var(--m7); } }
    @media screen and (min-width: 86.25em) {
      .small-burger p {
        font-size: var(--m6);
        max-width: 46rem;
        margin-left: -1.4em;
        padding-left: .8em;
        border-left: .6em solid #284B4C; } }
    .small-burger p:nth-child(1) {
      animation-delay: 0s; }
    .small-burger p:nth-child(2) {
      animation-delay: 4s; }
    .small-burger p:nth-child(3) {
      animation-delay: 8s; }
    .small-burger p:nth-child(4) {
      animation-delay: 12s; }
    .small-burger p:nth-child(5) {
      animation-delay: 16s; }
    .small-burger p:nth-child(6) {
      animation-delay: 20s; }
    .small-burger p:nth-child(7) {
      animation-delay: 24s; }
    .small-burger p:nth-child(8) {
      animation-delay: 28s; }

@keyframes FadeInOut {
  0% {
    opacity: 0;
    transform: translate(50%, 0); }
  2% {
    opacity: 1;
    transform: translate(0, 0); }
  10.5% {
    opacity: 1;
    transform: translate(0, 0); }
  12.5% {
    opacity: 0;
    transform: translate(-50%, 0); } }

@keyframes FadeInOutChill {
  0% {
    opacity: 0; }
  1% {
    opacity: 1; }
  11.5% {
    opacity: 1; }
  12.5% {
    opacity: 0; } }

.sanslink {
  font-family: ivystyle-sans, sans-serif;
  font-weight: 400;
  text-decoration: underline;
  color: #284B4C;
  display: inline-block; }
  .sanslink:hover, .sanslink:focus {
    color: #050909; }

footer {
  background-color: #AF6D5F;
  text-align: center;
  display: flex;
  flex-wrap: nowrap;
  align-content: stretch;
  flex-direction: column;
  color: #FFF;
  margin-top: 5rem; }
  @media screen and (min-width: 40em) {
    footer {
      flex-direction: row;
      margin-top: 10rem; } }
  footer a {
    transition: opacity .2s; }
    footer a:hover, footer a:focus {
      opacity: .6; }
  footer ul {
    list-style-type: none;
    flex-grow: 1;
    padding: .25em 0 0 0; }
    footer ul li {
      display: inline-block; }
  footer .logo {
    flex-grow: 1;
    font-size: 0;
    margin-bottom: 1rem; }
    footer .logo svg {
      width: 75px;
      height: 40px; }
    @media screen and (min-width: 40em) {
      footer .logo {
        text-align: left;
        margin-bottom: 0; } }
  footer p {
    font-size: 1rem;
    flex-grow: 1;
    font-family: ivystyle-sans, sans-serif;
    font-weight: 400;
    margin: .75em 0 0 0;
    max-width: 100%; }
    @media screen and (min-width: 40em) {
      footer p {
        text-align: right; } }
  footer svg {
    height: 32px;
    width: 32px;
    margin: 0 .5em; }
    footer svg path, footer svg circle {
      fill: #fff; }
    @media screen and (min-width: 40em) {
      footer svg {
        margin: 0; } }

.drag-me {
  cursor: move;
  z-index: 10; }

.stars {
  width: 161px;
  height: 232px;
  position: absolute;
  left: 15rem; }
  @media (min-width: 31.25em) {
    .stars {
      left: 20rem; } }
  @media screen and (min-width: 40em) {
    .stars {
      top: 15rem;
      left: 26rem; } }
  @media screen and (min-width: 56.25em) {
    .stars {
      top: 12rem;
      left: 40rem; } }
  @media (min-width: 65.625em) {
    .stars {
      top: 15rem;
      left: -6rem; } }
  @media screen and (min-width: 86.25em) {
    .stars {
      top: 16rem;
      left: -2rem; } }
  @media screen and (min-width: 100em) {
    .stars {
      top: 20rem;
      left: 3rem; } }

.mbp {
  width: 100px;
  height: 105.5px;
  position: absolute;
  transform: rotate(8deg); }
  @media screen and (min-width: 40em) {
    .mbp {
      left: 28rem;
      top: -5rem; } }
  @media screen and (min-width: 56.25em) {
    .mbp {
      left: 40rem;
      top: -2rem;
      width: 200px;
      height: 211px; } }
  @media screen and (min-width: 86.25em) {
    .mbp {
      left: 43rem; } }

.prayer {
  width: 186px;
  height: 179px;
  position: absolute;
  left: -10rem;
  top: 11rem; }
  @media screen and (min-width: 86.25em) {
    .prayer {
      left: -14rem;
      top: 0; } }

.paws {
  width: 108px;
  height: 101px;
  position: absolute; }
  @media screen and (min-width: 40em) {
    .paws {
      left: 26rem;
      top: 13rem; } }
  @media screen and (min-width: 56.25em) {
    .paws {
      left: 36rem;
      top: 12rem; } }
  @media screen and (min-width: 86.25em) {
    .paws {
      top: 14rem; } }

.books {
  width: 214px;
  height: 144px;
  position: absolute; }
  @media screen and (min-width: 56.25em) {
    .books {
      top: 6rem;
      left: 34rem; } }
  @media screen and (min-width: 86.25em) {
    .books {
      top: 5rem;
      left: 47rem; } }
  @media screen and (min-width: 100em) {
    .books {
      top: 6rem;
      left: 56rem; } }

.pothos {
  width: 185px;
  height: 175px;
  position: absolute;
  transform: scaleX(-1); }
  @media screen and (min-width: 56.25em) {
    .pothos {
      top: 54rem;
      left: 36rem; } }
  @media screen and (min-width: 86.25em) {
    .pothos {
      top: 45rem;
      left: 43rem; } }
  @media screen and (min-width: 100em) {
    .pothos {
      top: 54rem;
      left: 47rem; } }

.tea {
  width: 108px;
  height: 143px;
  position: absolute; }
  @media screen and (min-width: 56.25em) {
    .tea {
      top: 0;
      left: 40rem; } }
  @media (min-width: 65.625em) {
    .tea {
      left: -1rem; } }
  @media screen and (min-width: 86.25em) {
    .tea {
      top: 1rem;
      left: 2rem; } }
  @media screen and (min-width: 100em) {
    .tea {
      left: 7rem; } }

.headphones {
  width: 273px;
  height: 132px;
  position: absolute;
  transform: rotate(59deg); }
  @media screen and (min-width: 56.25em) {
    .headphones {
      top: 70rem;
      left: 39rem; } }
  @media (min-width: 73.75em) {
    .headphones {
      top: 71rem;
      left: -13rem; } }
  @media screen and (min-width: 86.25em) {
    .headphones {
      top: 76rem;
      left: -14rem; } }

.glasses {
  width: 208px;
  height: 69px;
  position: absolute; }
  @media screen and (min-width: 56.25em) {
    .glasses {
      top: 172rem;
      left: 41rem; } }
  @media screen and (min-width: 86.25em) {
    .glasses {
      top: 185rem;
      left: 49rem; } }

.hide-mob {
  display: none; }
  @media screen and (min-width: 40em) {
    .hide-mob {
      display: inline-block; } }

.hide-small {
  display: none; }
  @media (min-width: 73.75em) {
    .hide-small {
      display: inline-block; } }

.hide-smallr {
  display: none; }
  @media screen and (min-width: 56.25em) {
    .hide-smallr {
      display: inline-block; } }

.blog {
  padding: 0;
  list-style-type: none; }
  .blog li {
    font-family: ivystyle-sans, sans-serif;
    font-weight: 400;
    position: relative;
    margin-bottom: 2.5rem;
    max-width: 36rem; }
    @media screen and (min-width: 56.25em) {
      .blog li {
        margin-bottom: 5vh; } }
    @media screen and (min-width: 86.25em) {
      .blog li {
        margin-bottom: 6vh; } }
    @media screen and (min-width: 100em) {
      .blog li {
        margin-bottom: 7vh;
        max-width: 46rem; } }
    .blog li time {
      display: block;
      color: #284B4C;
      letter-spacing: -0.015em;
      font-size: var(--m12);
      margin-bottom: .5rem; }
      @media screen and (min-width: 40em) {
        .blog li time {
          font-size: var(--m12); } }
      @media screen and (min-width: 56.25em) {
        .blog li time {
          font-size: var(--m11); } }
      @media (min-width: 75em) {
        .blog li time {
          position: absolute;
          text-align: right;
          right: 105%;
          width: 7em;
          margin-top: 2.25rem;
          margin-bottom: 0; } }
      @media screen and (min-width: 86.25em) {
        .blog li time {
          font-size: var(--m10);
          margin-top: 2.2rem; } }
      @media screen and (min-width: 100em) {
        .blog li time {
          font-size: var(--m9);
          margin-top: 2.95rem; } }
    .blog li span {
      text-transform: uppercase;
      font-weight: 600;
      letter-spacing: .1em;
      font-size: var(--m16);
      color: #242424; }
      @media (min-width: 31.25em) {
        .blog li span {
          font-size: var(--m15); } }
      @media screen and (min-width: 40em) {
        .blog li span {
          font-size: var(--m14); } }
    .blog li h3 {
      margin: 0; }
      .blog li h3 a {
        font-family: ivypresto-headline, serif;
        font-weight: 700;
        text-decoration: underline;
        color: #284B4C;
        letter-spacing: -0.015em;
        font-size: var(--m9);
        line-height: 1.4; }
        .blog li h3 a:hover, .blog li h3 a:focus {
          color: #050909; }
        @media screen and (min-width: 40em) {
          .blog li h3 a {
            font-size: var(--m8); } }
        @media screen and (min-width: 56.25em) {
          .blog li h3 a {
            font-weight: 300; } }
        @media screen and (min-width: 86.25em) {
          .blog li h3 a {
            font-size: var(--m7); } }
        @media screen and (min-width: 100em) {
          .blog li h3 a {
            font-size: var(--m6); } }
    .blog li p {
      color: #505050; }

.button {
  font-family: ivystyle-sans, sans-serif;
  font-weight: 600;
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: .1em;
  padding: .4em 1.25em .45em 1.25em;
  background-color: #284B4C;
  border-radius: 4px;
  transition: background .2s;
  margin: 1rem 0 4rem 0;
  display: inline-block; }
  .button:hover, .button:focus {
    background-color: #050909; }

h1 {
  background-image: url("/assets/img/fromthedeskof.svg");
  width: 4.0625rem;
  height: 0;
  padding-bottom: 4.0625rem;
  background-size: contain;
  overflow: hidden;
  font-size: 0;
  background-repeat: no-repeat;
  animation: rotation 10s infinite linear;
  transform-origin: 2.03125rem 2.03125rem;
  position: relative; }
  h1:hover {
    animation-play-state: paused; }
  h1 a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

@media (prefers-reduced-motion) {
  h1 {
    animation: none; } }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

nav {
  position: absolute;
  right: 3vh;
  margin-top: 1rem; }
  @media screen and (min-width: 40em) {
    nav {
      right: 4vh; } }
  @media screen and (min-width: 56.25em) {
    nav {
      right: 5vh; } }
  @media screen and (min-width: 86.25em) {
    nav {
      right: 6vh; } }
  @media screen and (min-width: 100em) {
    nav {
      right: 7vh; } }
  nav ul {
    list-style-type: none;
    padding: 0; }
  nav li {
    text-transform: uppercase;
    letter-spacing: .1em;
    font-family: ivystyle-sans, sans-serif;
    font-weight: 600;
    display: inline-block;
    font-size: var(--m16);
    margin-left: var(--m16); }
    @media (min-width: 31.25em) {
      nav li {
        font-size: var(--m15);
        margin-left: var(--m14); } }
    @media screen and (min-width: 40em) {
      nav li {
        font-size: var(--m14);
        margin-left: var(--m13); } }
    nav li:first-child {
      margin-left: 0; }
    nav li a {
      transition: opacity .2s;
      color: #FFF;
      border-bottom: 3px solid #284B4C;
      padding-bottom: .25rem; }
      nav li a:hover, nav li a:focus {
        opacity: .6; }
      nav li a.active {
        border-bottom-color: #fff; }


.blogpost h3 {
  font-family: ivystyle-sans, sans-serif;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 0;
  margin-top: 1.5rem;
  font-size: 1rem;
}
@media screen and (min-width: 40em) {
  .blogpost h3 {
    font-size: calc( 1rem + (1.166 - 1) * ( (100vw - 40rem) / ( 86.25 - 40) ));
} }
@media screen and (min-width: 86.25em) {
  .blogpost h3 {
    font-size: 1.166rem;
} }