* {
  -webkit-font-smoothing: antialiased;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  font-family: "Geneva", monospace;
  height: 100%;
  width: 100%; }

body {min-width: 700px; }

.demos {
  text-align: center;
  margin-top: 20px; }

.demo-image {
  cursor: url("../img/plus_cursor.png") 25 25, pointer;
  display: inline-block;
  width: 700px;
  height: 290px;
  background-size: cover;
  background-position: 50% 50%;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 16px; }
  .demo-image.first {
    background-image: url("../img/1.jpg"); }
  .demo-image.second {
    background-position: 50% 10%;
    background-image: url("../img/2.jpg"); }
  .demo-image.third {
    background-image: url("../img/3.jpg"); }
  .demo-image.four {
    background-image: url("../img/4.jpg"); }
  .demo-image.five {
    background-image: url("../img/5.jpg"); }
  .demo-image.six {
    background-image: url("../img/6.jpg"); }
  .demo-image.seven {
    background-image: url("../img/7.jpg"); }
  .demo-image.eight {
    background-image: url("../img/8.jpg"); }