/* Style the header */
    .header {
      padding: 5px 10px 16px;
      background-color: rgba(75, 75, 75, 0.9);
      color: #f1f1f1;
      z-index: 1000;
      width: 100%;
      position: fixed;
    }

    /* Page content */
    .content {
      padding: 5px;
    }

    /* The sticky class is added to the header with JS when it reaches its scroll position */
    .sticky {
      position: fixed;
      top: 0;
      width: 100%
    }

    /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
    .sticky+.content {
      padding-top: 102px;
    }

    .alphabet {
      list-style-type: none;
      margin: auto;
      padding: 10px;
      cursor: pointer;
      width: 80%;
      text-align: center;
    }

    .alphabet li {
      float: left;
      margin: 0;
      padding: 0;
      border-right: 1px solid black;
      font-size: 13px;
      -moz-box-sizing: border-box;
      color: black;
      display: inline-block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 3.84%;

    }

    .alphabet li:last-child {
      border-right: none;
    }

    .alphabet li:hover {
      color: white;
      font-weight: bold;
      background-color: #8a8a8a;
      transition: 0.4s;
    }

    a:hover {
      color: black;
    }

    dt {
      font-weight: bold;
      font-size: 1.05rem;
    }

    dd {
      margin-bottom: 10px;
      margin-top: 2px;
    }