.stage {
  display: table-cell;
  vertical-align: middle;
}

.tabled, .middled {
  text-align: center;
  margin: 0 auto;
}

.thin { font-weight: 300; }
.thick { font-weight: 900; }

a.demo {
  text-transform: uppercase;
  font-size: 14px;
  color: #666;
  text-decoration: none;
  position: relative;
  display: block;
}

p.desc {
  font-weight: 100;
  font-size: 80%;
  margin: 1px;
}

[class^="link-"] {
  display: inline-block;
  margin: 2em
}

/* linkone */
.link-1 a.demo:before, .link-1 a.demo:after {
  content: '';
  border-bottom: solid 1px #31a1af;
  position: absolute;
  bottom: 0;
  width: 0;
}

.link-1 a.demo:before { left: 0; }
.link-1 a.demo:after { right: 0; }

.link-1 a.demo:hover:before, .link-1 a.demo:hover:after {
  width: 50%;
}

.link-1 a.demo:before, .link-1 a.demo:after {
  -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
}