@font-face {
  font-family: Telegrama;
  src: url(test-fonts/telegrama_render.otf); }

@font-face {
  font-family: SourceCodePro-Semibold;
  src: url(test-fonts/SourceCodePro-Semibold.otf); }

@font-face {
  font-family: Ropa;
  src: url(test-fonts/RopaSoftPro-Regular.otf); }

html, body {
  height: 100%; }

body {
  font-family: Electronic Highway Sign;
  color: black;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  background: #131314; }

.page-wrap {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }

#beers {
  width: 100%;
  color: #f2e435; }
  #beers .beer-column-wrap:after {
    content: " ";
    display: table;
    clear: both; }
  #beers .beer-column-wrap .column {
    background: #131314;
    height: 100%;
    float: left;
    line-height: 1em; }
    #beers .beer-column-wrap .column .beer-row {
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box;
      /* Opera/IE 8+ */ }
      #beers .beer-column-wrap .column .beer-row .cell {
        height: 100%;
        white-space: nowrap;
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */
        display: inline-block;
        vertical-align: middle; }
        #beers .beer-column-wrap .column .beer-row .cell.beer-name {
          text-transform: uppercase;
          margin: 0;
          font-size: 7px;
          line-height: 7px; }
        #beers .beer-column-wrap .column .beer-row .cell.price, #beers .beer-column-wrap .column .beer-row .cell.size {
          position: relative;
          overflow: hidden; }
          #beers .beer-column-wrap .column .beer-row .cell.price span, #beers .beer-column-wrap .column .beer-row .cell.size span {
            position: absolute;
            display: inline-block;
            top: 10px; }
            #beers .beer-column-wrap .column .beer-row .cell.price span:first-of-type, #beers .beer-column-wrap .column .beer-row .cell.size span:first-of-type {
              top: 0px; }
        #beers .beer-column-wrap .column .beer-row .cell span {
          overflow: hidden;
          display: block; }
  #beers #footer-message {
    background: #131314;
    clear: both;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
    white-space: nowrap;
    overflow: hidden; }
    #beers #footer-message #footer-inner {
      overflow: hidden;
      white-space: pre; }
  #beers.small-menu .beer-row .cell {
    overflow: hidden;
    position: relative; }
    #beers.small-menu .beer-row .cell.price span {
      position: static; }
    #beers.small-menu .beer-row .cell span div {
      position: absolute;
      display: inline-block;
      top: 10px; }
      #beers.small-menu .beer-row .cell span div:first-of-type {
        top: 0; }