@import url(https://fonts.googleapis.com/css?family=Roboto);
@font-face {
  font-family: "Consolas";
  src: url("../fonts/Consolas.ttf"); }
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Regular.otf"); }
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Bold.otf");
  font-weight: 700; }
@font-face {
  font-family: "ProximaNova";
  src: url("../fonts/ProximaNovaRegular.otf"); }
@font-face {
  font-family: "ProximaNova-Bold";
  src: url("../fonts/ProximaNovaBold.otf"); }
body {
  font-family: "ProximaNova";
  color: #111;
  font-size: 100%;
  width: 100%;
  margin: 0;
  overflow-x: hidden; }

#container {
  margin-top: 5.000em;
  margin-left: auto;
  margin-right: auto; }

h2 {
  margin-left: auto;
  margin-right: auto;
  font-family: "ProximaNova-Bold";
  font-size: 1.313em;
  width: 22.08682em;
  color: #222;
  margin-top: 1.875em; }

h3 {
  margin-left: auto;
  margin-right: auto;
  font-family: "ProximaNova-Bold";
  font-size: 1em;
  width: 29em;
  color: #222;
  margin-top: 1.875em; }

a {
  color: #ccc;
  text-decoration: none; }

a:hover {
  color: #999; }

#header {
  padding-top: 0.625em;
  position: absolute;
  left: 0.313em;
  top: 0.313em; }

#logo {
  font-family: "Montserrat";
  font-size: 1.563em;
  letter-spacing: -2;
  color: #ddd;
  font-weight: 700;
  display: inline;
  padding: 0.188em 0.500em 0.188em 0.375em; }

#logo:hover {
  color: #333; }

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #logo {
    font-size: 60; }

  #header {
    position: relative !important; } }
#container {
  width: 50.000em;
  padding-top: 6.250em;
  margin-left: auto;
  margin-right: auto; }

#banner-container {
  padding-top: 6.250em; }

#name {
  font-size: 7.500em;
  color: #111;
  font-family: "Montserrat";
  text-align: center;
  letter-spacing: -10;
  font-weight: 700; }

ul {
  text-align: center;
  margin-top: 0.938em;
  width: 37.500em;
  margin-left: auto;
  margin-right: auto; }

li {
  font-family: "Roboto";
  list-style-type: none;
  color: #999;
  font-size: 1.975em;
  float: left;
  width: 23%; }

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  body {
    font-size: 120% !important; }

  div {
    clear: both !important;
    display: block !important;
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important; }

  #name {
    margin-top: 0.5em !important; }

  ul {
    margin-top: 12em !important; }

  li {
    float: none !important;
    font-size: 600% !important;
    margin-bottom: 0.3em !important;
    width: 80% !important;
    margin-left: auto;
    margin-right: auto; } }

/*# sourceMappingURL=index.css.map */