body {
        width: 50%;
        margin: 100px auto;
        font-family: 'Alegreya Sans', sans-serif;
      }

      h1 {
        font-weight: 100;
        font-size: 62px;
      }

      .length { margin-bottom: 50px; position: relative; width: auto; display: inline-block; clear: both; }
      .length p { margin: 0px; }

      .roboto { font-family: 'Roboto Slab', serif; }
      .lato { font-family: 'Lato', sans-serif; }
      .raleway { font-family: 'Raleway', sans-serif; }
      .titt { font-family: 'Titillium Web', sans-serif; }

      .phrase { font-size: 36px; line-height: 40px; letter-spacing: 4px; }

      #high5 .phrase.large { float: right;
        position: absolute;
        right: -45px;
        top: 6px;
        font-size: 65px;
      }

      #oneinamill .phrase.large { float: left;
        font-size: 65px;
      }

      .numbers { font-size: 8px; color: #999; position: relative; }
      ul.numbers, ul li { margin: 0px; padding: 0px; }
      ul li { list-style-type: none; position: absolute; }

      .str { font-weight: 700; color: #888; }


      #senses ul li.one { top: 0px ; left: 7px; }
      #senses ul li.two { top: 0px ; left: 30px; }
      #senses ul li.three { top: 0px ; left: 53px; }
      #senses ul li.four { top: 0px ; left: 79px; }
      #senses ul li.five { top: 0px ; left: 102px; }
      #senses ul li.six { top: 0px ; left: 163px; }

      #high5 ul li.one { top: 0px ; left: 9px; }
      #high5 ul li.two { top: 0px ; left: 31px; }
      #high5 ul li.three { top: 6px ; left: 51px; }
      #high5 ul li.four { top: 0px ; left: 77px; }

      #ninetofive ul li.one { top: 0px ; left: 5px; }
      #ninetofive ul li.two { top: 0px ; left: 28px; }
      #ninetofive ul li.three { top: 0px ; left: 50px; }
      #ninetofive ul li.four { top: 0px ; left: 75px; }
      #ninetofive ul li.five { top: 0px ; left: 107px; }
      #ninetofive ul li.six { top: 0px ; left: 136px; }
      #ninetofive ul li.seven { top: 0px ; left: 153px; }
      #ninetofive ul li.eight { top: 0px ; left: 173px; }
      #ninetofive ul li.nine { top: 0px ; left: 197px; }


      #fortnight ul li.one { top: 0px ; left: 5px; }
      #fortnight ul li.two { top: 0px ; left: 25px; }
      #fortnight ul li.three { top: 0px ; left: 46px; }
      #fortnight ul li.four { top: 0px ; left: 66px; }
      #fortnight ul li.five { top: 0px ; left: 86px; }
      #fortnight ul li.six { top: 0px ; left: 108px; }
      #fortnight ul li.seven { top: 6px ; left: 128px; }
      #fortnight ul li.eight { top: 0px ; left: 154px; }
      #fortnight ul li.nine { top: 0px ; left: 177px; }

      #baker ul li.one { top: 0px ; left: 7px; }
      #baker ul li.two { top: 0px ; left: 45px; }
      #baker ul li.three { top: 0px ; left: 69px; }
      #baker ul li.four { top: 0px ; left: 96px; }
      #baker ul li.five { top: 0px ; left: 120px; }
      #baker ul li.six { top: 0px ; left: 140px; }
      #baker ul li.seven { top: -20px ; left: 155px; }
      #baker ul li.eight { top: 0px ; left: 173px; }
      #baker ul li.nine { top: 0px ; left: 209px; }
      #baker ul li.ten { top: 0px ; left: 232px; }
      #baker ul li.eleven { top: 0px ; left: 256px; }
      #baker ul li.twelve { top: 0px ; left: 280px; }
      #baker ul li.thirteen { top: 0px ; left: 304px; }

      .gray-5 { color: #555; }
      .gray-6 { color: #666; }
      .gray-7 { color: #777; }
      .gray-8 { color: #888; }
      .gray-9 { color: #999; }
      .gray-a { color: #aaa; }
      .gray-c { color: #ccc; }
      .gray { font-style: italic; color: #ccc; font-weight: 100; }