{
          font-family: 'Roboto', sans-serif;
      }

      .container {
          width: 680px;
          margin: 0 auto;
      }

      #range > div {
        display: flex;
        flex-wrap: wrap;
      }

      #range h1 {
        min-width: 100%;
      }

      #range > div > div:last-child::before {
        content: "â€“";
        padding: 0 1em;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <div id="range">
      </div>
    </div>

    <script src="range.js"></scri