body {
  color: #fff;
  font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.3em;
  font-weight: 300;
  line-height: 1.4em;
}

h2 {
  font-family: museo-slab, Georgia, "Times New Roman", Times, serif;
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
h2 a:after {
  margin-left: .3em;
}

p {
  margin-bottom: 1.2em;
}

.wrapper {
  max-width: 1024px;
  margin: 0 auto;
}

main {
  padding: 3em 2em;
}

a {
  color: #fff;
  text-decoration: none;
  outline: none;
}
a:hover{color:#cacdd6;}
a:after {
  display: inline-block;
  font-family: 'FontAwesome';
  color: #bbb8a9;
}

ul {
  margin-bottom: 1.4em;
}
ul li a:after {
  transition: margin .2s;
  margin-left: .4em;
}
ul li a:hover:after {
  margin-left: .7em;
}
ul li:nth-of-type(2) a:after {
  transition: all .25s;
  opacity: 0;
  margin-left: -.5em;
}
ul li:nth-of-type(2) a:hover:after {
  opacity: 1;
  margin-left: .4em;
}

#fa-arrow-circle-right a:after {
  content: '\f0a9';
}
#fa-arrow-circle-right li:last-of-type a:after {
  transition: margin .25s, opacity .25s, transform .25s;
  transform: rotate(-180deg);
  opacity: 0;
  margin-left: -10px;
}
#fa-arrow-circle-right li:last-of-type a:hover:after {
  transition: margin .5s, opacity .25s, transform .5s;
  transform: rotate(0);
  opacity: 1;
  margin-left: .7em;
}

#fa-arrow-right a:after {
  content: '\f061';
}
#fa-arrow-right li:last-of-type a:after {
  margin: 0;
  transform: rotate(20deg) translateX(-1.5em) translateY(-0.2em);
  opacity: 0;
}
#fa-arrow-right li:last-of-type a:hover:after {
  transition: opacity .25s, transform .5s;
  transform: rotate(0) translateX(0.5em) translateY(0);
  opacity: 1;
}

#fa-chevron-circle-right a:after {
  content: '\f138';
}
#fa-chevron-circle-right li:last-of-type a:after {
  transition: margin .25s, opacity .25s, transform .25s;
  transform: rotate(-180deg);
  opacity: 0;
  margin-left: -10px;
}
#fa-chevron-circle-right li:last-of-type a:hover:after {
  transition: margin .5s, opacity .25s, transform .25s;
  transform: rotate(0);
  opacity: 1;
  margin-left: .7em;
}

#fa-chevron-right a:after {
  content: '\f054';
}
#fa-chevron-right li {
  transform: translateY(1px);
}
#fa-chevron-right li:last-of-type a:after {
  margin: 0;
  transform: scale(0.6) translateX(0.3em) translateY(2px);
  transition: transform .25s;
}
#fa-chevron-right li:last-of-type a:hover:after {
  transform: scale(1) translateX(0.8em) translateY(1px);
}

#fa-caret-right a:after {
  content: '\f0da';
}
#fa-caret-right li:last-of-type a:after {
  margin: 0;
  transform: scale(0.8) translateX(0.4em);
  transition: transform .25s;
}
#fa-caret-right li:last-of-type a:hover:after {
  transform: scale(1.6) translateX(0.4em);
}

#fa-long-arrow-right a:after {
  content: '\f178';
}
#fa-long-arrow-right li:last-of-type a:after {
  transition: margin 0s;
  margin-left: -10em;
  opacity: 0;
}
#fa-long-arrow-right li:last-of-type a:hover:after {
  transition: margin .35s, opacity .1s;
  margin-left: .5em;
  opacity: 1;
}

#fa-share a:after {
  content: '\f064';
}
#fa-share li:last-of-type a:after {
  transform: rotate(-90deg) translateX(-1em) translateY(-1em);
  opacity: 0;
}
#fa-share li:last-of-type a:hover:after {
  transition: opacity .25s, transform .5s;
  transform: rotate(0) translateX(0) translateY(0);
  opacity: 1;
}

#fa-paper-plane a:after {
  content: '\f1d8';
}
#fa-paper-plane li a:after {
  transform: rotate(30deg) skew(-15deg);
}
#fa-paper-plane li a:hover:after {
  margin-left: 1em;
}
#fa-paper-plane li:last-of-type a:after {
  margin: 0;
  transform: scale(2) rotate(0) skew(0) translateX(-2em) translateY(1em);
  opacity: 1;
  visibility: hidden;
}
#fa-paper-plane li:last-of-type a:hover:after {
  transform: rotate(30deg) translateX(8em) translateY(-20em);
  opacity: 0;
  visibility: visible;
  transition: transform 2s, opacity 1.8s, visibility .15s;
}

#fa-rocket a:after {
  content: '\f135';
}
#fa-rocket li a:after {
  margin: 0;
  transform: scale(2) translateX(-2em) translateY(1em);
  opacity: 1;
  visibility: hidden;
}
#fa-rocket li a:hover:after {
  transform: rotate(30deg) translateX(8em) translateY(-20em);
  opacity: 0;
  visibility: visible;
  transition: transform 2s, opacity 1.8s, visibility .15s;
}