body {
  background-color: #fff;
  color: #777;
  font-family: 'Merriweather', serif;
  font-size: 14px;
  line-height: 2.2em;
  font-weight: 300;
  letter-spacing: 0.03em;
}
h1 {
  font-family: Poppins,'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
}
a {
  padding: 2px 8px 0;
  color: #263238;
  cursor: pointer;
  text-decoration: none;
  font-weight: 300;
  background: linear-gradient(180deg,transparent, #fff 0);
  background-size: 100% 100%;
  background-position: bottom;
  background-repeat: no-repeat;
  transition: background-size .2s;
  -ms-transition: background-size .2s;
  -moz-transition: background-size .2s;
  -webkit-transition: background-size .2s;
  -o-transition: background-size .2s;
}
a:hover,
a:focus {
  color: #fff;
  background-size: 100% 1px;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

/* CORES */
.bl { background-color: #000; }
.br-500 { background-color: #795548; }
.br-700 { background-color: #5D4037; }
.cy-500 { background-color: #00BCD4; }
.cy-700 { background-color: #0097A7; }
.ge-700 { background-color: #388E3C; }
.gr-500 { background-color: #607D8B; }
.gr-700 { background-color: #455A64; }
.gr-900 { background-color: #263238; }

/* HOME */
#home h1 {
  font-weight: 600;
  color: #fff;
  font-size: 32px;
  line-height: 130%;
  letter-spacing: normal;
  margin: 35% 5% 0;
}
#home p {
  margin: 32px 0 0 5%;
  font-family: Poppins,'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 2em;
}
#home p a:first-child { margin-right: 16px; }
@media only screen and (min-width: 768px) {
  #home h1 {
    font-size: 48px;
    margin: 15% 20% 0 5%;
  }
}
@media only screen and (min-width: 992px) {
  #home h1 {
    margin-top: 16%;
    font-size: 48px;
  }
}