.single-container {
    margin: 0 auto;
    width: 70%
  }

  .bottom-nav {
    margin-top: 50px;
    display: flex;
  }

  .bottom-nav-link {
    width: 100%;
  }

  .bottom-nav-label {
    display: block;
    font-size: .8em;
  }

  .bottom-nav-link-text {
    font-size: .7em;
    width: 100%;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; 
  }

  .bottom-nav-link-body {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .bottom-nav-link-arrow {
    color: lightgray;
    font-size: 30px;
  }

  .left-nav {
    text-align: left;
  }

  .right-nav {
    text-align: right;
    float: right;
  }

  .previous {
    padding-left: 20px;
  }

  .next {
    padding-right: 20px;
  }

  @media only screen and (max-width: 1230px) {
    .bottom-nav-link-text {
      width: 250px;
    }
  }

  @media only screen and (max-width: 900px) {
    .single-container {
      width: 100%;
    }
  }

  @media only screen and (max-width: 600px) {
  .bottom-nav-link-text {
    display: none;
  }
}