@import url(https://fonts.googleapis.com/css?family=Raleway:300);
nav {
  position: fixed;
  top: 100px;
  left: 0;
}
nav a {
  display: block;
  text-align: center;
  color: #FFF;
  padding: 20px;
  font-size: 40px;
  margin-left: -200px;
  width: 100px;
  height: 100px;
  -webkit-transition-property: margin-left;
  transition-property: margin-left;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
nav a:hover {
  color: #CFD8DC;
}
nav a:nth-child(1) {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
nav a:nth-child(2) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
nav a:nth-child(3) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
nav a:nth-child(4) {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
#nav-toggle {
  width: 50px;
  height: 50px;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  font: inherit;
  font-size: 40px;
  color: #FFF;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  padding: 0;
  z-index: 99999;
}
#nav-toggle:after {
  content: "\f060";
  font-family: 'FontAwesome';
}
#nav-toggle:focus {
  outline: none;
}
#nav-toggle:hover {
  color: RGBA(252, 116, 0, 0.89);;
}
.nav-open nav a {
  margin-left: 0;
}
.nav-open #nav-toggle {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.nav-open #nav-toggle:after {
  content: "\f00c";
}
/* Base Style */
* {
  box-sizing: border-box;
}

.container .container {
    text-align: center;
    position: relative;
}
.container h1 {
  margin: 0;
}