@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); */
    min-height: 240px !important;
  }

}


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

}


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

}