body {
  background-color: none;
}

#nav-toggle {
  position: absolute;
  opacity: 0;
  display: none;
}

.menu {
  position: fixed;
  right: -100%;
  top: 0;
  height: 100%;
  width: 260px;
}

#nav-toggle ~ label {
  display: block;
  -webkit-transition: .5s transform;
  transition: .5s transform;
  -webkit-transition-timing-function: cubic-bezier(0.38, 0.52, 0.37, 1.27);
          transition-timing-function: cubic-bezier(0.38, 0.52, 0.37, 1.27);
  background-color: white;
  padding: 2px;
  border: 1px solid #ddd;
  border-radius: 1px;
  width: 28px;
  text-align: center;
  font-size:1.5em;
}

#nav-toggle:checked ~ label {
  background-color: gray;
  color: white;
  -webkit-transform: translateX(-260px);
          transform: translateX(-260px);
}
#nav-toggle:checked ~ label::before {
  content: "\00D7";
}
#nav-toggle:checked ~ label .toggle-words {
  display: none;
}
#nav-toggle:checked ~ .menu {
  -webkit-transform: translateX(-100vw);
          transform: translateX(-100vw);
}

.menu {
  cursor: pointer;
  background-color: #efefef;
  -webkit-transition: .53s transform;
  transition: .53s transform;
  -webkit-transition-timing-function: cubic-bezier(0.38, 0.52, 0.37, 1);
	transition-timing-function: cubic-bezier(0.38, 0.52, 0.37, 1);
	z-index:9999;

}
.menu ul {
  padding: 0;
  margin: 0;
}
.menu li {
  list-style: none;
}
.menu li a {
  text-decoration: none;
  color: #60b564;
  padding: 20px;
  display: block;
  border-bottom: 1px solid #ccc;
}

.hamburger {
  position: absolute;
  top: 0px;
  right: 0px;
  display: inline-block;
  z-index:999;
  cursor: pointer;
}

.howtoplay {
    text-decoration: none;
    color: grey;
    padding: 20px;
    display: block;
    border-bottom: 1px solid #ccc;
}

.socialshare {
    text-decoration: none;
    color: grey;
    padding: 20px;
    display: block;
    border-bottom: 1px solid #ccc;
}

.svg-icon {
  width: 2.25em;
  height: 2.25em;
}

.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
  fill: #4691f6;
}

.svg-icon circle {
  stroke: #4691f6;
  stroke-width: 1;
}

.svg-icon-twitter {
  width: 2.25em;
  height: 2.25em;
}

.svg-icon-twitter path,
.svg-icon-twitter polygon,
.svg-icon-twitter rect {
  fill: #55acee;
}

.svg-icon-twitter circle {
  stroke: #55acee;
  stroke-width: 1;
}

.svg-icon-pin {
  width: 2.25em;
  height: 2.25em;
}

.svg-icon-pin path,
.svg-icon-pin polygon,
.svg-icon-pin rect {
  fill: #c8232c;
}

.svg-icon-pin circle {
  stroke: #c8232c;
  stroke-width: 1;
}