logo.scss

$charcoal: #20201f;
$brick: #ad3434;

@font-face {
  font-family: 'Miller Light';
  src: font-url('millerdisplay-light-webfont.eot');
  src: font-url('millerdisplay-light-webfont.eot?#iefix') format('embedded-opentype'),
       font-url('millerdisplay-light-webfont.woff') format('woff'),
       font-url('millerdisplay-light-webfont.ttf') format('truetype'),
       font-url('millerdisplay-light-webfont.svg#millerl') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Proxima Nova';
  src: font-url('mark_simonson_-_proxima_nova_regular-webfont.eot');
  src: font-url('mark_simonson_-_proxima_nova_regular-webfont.eot?#iefix') format('embedded-opentype'),
       font-url('mark_simonson_-_proxima_nova_regular-webfont.woff') format('woff'),
       font-url('mark_simonson_-_proxima_nova_regular-webfont.ttf') format('truetype'),
       font-url('mark_simonson_-_proxima_nova_regular-webfont.svg#proxima_nova_rgregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

#logo {
  float: none;
  text-align: center;

  a {
    color: $charcoal;

    h1 {
      font-family: 'Miller Light', sans-serif;
      letter-spacing: 3px;
      font-size: 20px;
      line-height: 20px;
      margin: 0 0 10px;
      text-transform: uppercase;
    }

    h2 {
      margin: 0;
      font-family: 'Proxima Nova', sans-serif;
      font-size: 11px;
      line-height: 11px;
    }
  }

  a:hover {
    h1, h2 {
      color: $brick;   
    }
  }
}