@media screen and (min-width: 450px) {

.nav-item {
    font-size: 1em;
    letter-spacing: .15em;
  }
  
.single-col .column p {
  margin: 30px 40px 40px 40px;
  font-size: 1.25em;
}

.single-col-banded .column p {
  margin: 30px 30px 50px 30px;
  font-size: 1.25em;
}

.column li {
    font-size: 1.25em;
  }

}

@media screen and (min-width: 600px) {
  body {
    background: #FFF;
  }

  .nav-item {
    font-size: 1em;
    letter-spacing: .15em;
  }

  .footernav-item {
  padding-left: 0;
  }

  .single-col .column p {
    margin: 30px 180px 30px 180px;
    font-size: 1.25em;
  }

  .single-col-banded .column p {
    margin: 30px 180px 70px 180px;
    font-size: 1.2em;
  }

  .column li {
    font-size: 1.125em;
  }

  .single-col-banded .column p {
    font-size: 1.125em;
  }


  .grid {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }

  .cell {
    width: calc(50% - 2rem);
    margin: 5px .5rem;
  }

}

@media screen and (min-width: 900px) {

  .nav-logo {
    width: 100px;
  }

  .nav-item {
    font-size: 1em;
    letter-spacing: .15em;
  }

  .nav-item ul {
    list-style: none;
    margin: 0;
    padding: 0 30px 0 0;
    float: right;
  }

  .footernav-item {
    padding-left: 0;
  }

  .single-col .column p {
    margin: 30px 180px 70px 180px;
    font-size: 1.2em;
  }

  .single-col-banded .column p {
    margin: 40px 200px 80px 200px;
  }


  .cell {
    width: calc(33.3333% - 2rem);
    margin: .5rem;
    }
  }


@media screen and (min-width: 1100px) {

  .nav-logo {
    width: 100px;
  }

  .nav-item {
    font-size: 1em;
    letter-spacing: .15em;
  }

  .nav-item ul {
    list-style: none;
    margin: 0;
    padding: 0 30px 0 0;
    float: right;
  }

  .footernav-item {
    padding-left: 0;
  }

  .single-col .column p {
    margin: 30px 180px 70px 180px;
    font-size: 1.2em;
  }

  .single-col-banded .column p {
    margin: 40px 320px 80px 320px;
  }

  .cell {
    width: calc(33.3333% - 2rem);
    margin: .5rem;
    }
  }