body {
  background-color: #FFFFFF;
  background-position: center 63px;
  background-repeat: no-repeat;
  height: 100%;
}

#container {
  height: auto !important;
  min-height: 100%;
  position: relative;
  z-index: 100;
  margin: 0 auto;
  width: 90%;
}

.night {
  background: url("/_gfx/night.jpg") no-repeat scroll left top/cover #cccccc;
}

.polar {
  background: url("/_gfx/polar.jpg") no-repeat scroll left top/cover #cccccc;
}

.space {
  background: url("/_gfx/space.jpg") no-repeat scroll left top/cover #cccccc;
}

.stone {
  background: url("/_gfx/stone.jpg") no-repeat scroll left top/cover #cccccc;
}

.wood {
  background: url("/_gfx/wood.jpg") no-repeat scroll left top/cover #cccccc;
}

.main {
  margin: 0 auto;
  position: relative;
  width: 90%;
}

h2:first-child {
  margin-top: 120px;
}

.cs-text {
  cursor: default;
  margin: 250px auto 30px;
  width: 700px;
}
.cs-text > span {
  display: block;
}

.cs-text-cut {
  height: 90px;
  overflow: hidden;
  transition: all 0.4s ease-in-out 0s;
  width: 100%;
}

.cs-text-cut:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.cs-text-cut:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.cs-text-cut span {
  color: #FFFFFF;
  display: block;
  font-family: 'Mouse Memoirs',sans-serif;
  font-size: 180px;
  font-weight: 400;
  letter-spacing: 90px;
  line-height: 180px;
  margin-top: 6px;
  text-align: center;
  text-shadow: 7px 2px 0 rgba(255, 255, 255, 0.3);
  text-transform: uppercase;
}

.cs-text-cut:last-child span {
  margin-top: -84px;
}

.cs-text-mid {
  color: rgba(255, 255, 255, 0.3);
  font-family: 'Bowlby One',sans-serif;
  font-size: 50px;
  font-weight: 100;
  letter-spacing: 185px;
  line-height: 50px;
  margin-top: -25px;
  opacity: 0;
  position: absolute;
  /*    text-indent: 20px;*/
  text-shadow: 0 0 0 rgba(255, 255, 255, 0.9);
  text-transform: uppercase;
  top: 50%;
  transform: scale(0.5);
  transition: all 0.4s ease-in-out 0s;
}

.cs-text:hover .cs-text-cut:first-child {
  opacity: 0.5;
  transform: translateY(-25px);
}

.cs-text:hover .cs-text-cut:last-child {
  opacity: 0.5;
  transform: translateY(25px);
}

.cs-text:hover .cs-text-mid {
  opacity: 1;
  transform: scale(1);
  transition-delay: 0.3s;
}