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

}


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

  .ffarchive-item {
      /* width: calc(50% - 10px); */
  }

}

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

  #main-nav {
    text-align: right;
  }

    #main-nav {
      margin-top: 0;
    }

      #main-nav ul {

      }

        #main-nav ul li {

        }

          #main-nav ul li .nav-link {
            margin: 0 0 0 17px;
          }

  .ffarchive-item {
    /* width: calc(20% - 4/5 * 20px); */
    height: 230px !important;
  }

}


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

  .person__flxcnt .el-wrapper {
    margin: calc(3.5 * var(--spacer)) 0;
    flex: 0 0 50%;
    max-width: 50%;
  }

    .person__flxcnt .el-wrapper .el-inner {
      max-width: 300px;
    }

}




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

  .page__flxcnt .el-wrapper .el-inner,
  .person__flxcnt .el-wrapper .el-inner {
    max-width: 400px;
  }

  .ffpersonality-grid .el-wrapper {
    width: 50%;
    margin-bottom: calc(2 * var(--spacer));
  }

}


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

}