body {
	margin: 30px;
	font-family: 'Raleway', sans-serif;
}

p {
    line-height: 1.2;
    margin-top: 0px;
    margin-bottom: 5px;
    color: #626262;
}

img {
	margin-top: 30px;
}

.module {
  width: 700px;
  margin: 30px 0 0 0;
  overflow: hidden;
  height: 102px;
}
.module p {
 	margin: 0;
	font-style: italic;
	font-size: 28px;
}

.fade {
  position: relative;
  height: 102px; 
}
.fade:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30%;
  height: 36px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}

.description {
	font-size: 16px;
}

.bumps {
	opacity: .3;
}

.bumps.selected {
	opacity: 1;
	stroke: black;
	stroke-width: 2;
}

.station {
	fill: #8d8d8d;
	stroke: none;
}

.station.selected {
	fill: black;
}

.stationLine {
	stroke: #8d8d8d;
}

.play {
	stroke-width: 2px;
	stroke: #363636;
	fill: #363636;
	stroke-linejoin: round;
}

.pause {
	stroke: #363636;
	stroke-width: 4px;
	stroke-linecap: round;
}

.hidden {
	display: none;
}

#playPause {
	position: absolute;
	left: 620px;
	top: 220px;
}