.toggle-button {
	  display: block;
	  width: 3rem;
	  /*background: transparent;*/
	  border: none;
	  cursor: pointer;
	  padding-top: 0;
	  padding-bottom: 0;
	  vertical-align: middle;
	  position: absolute;
	  left: 20px;
	  top: 0;
	}

	.toggle-button:focus {
	  outline: none;
	}

	.toggle-button__bar {
	  width: 100%;
	  height: 0.2rem;
	  background: black;
	  display: block;
	  margin: 0.6rem 0;
	}
      
	.mobile-nav {
	  display: none;
	  position: fixed;
	  z-index: 101;
	  top: 40px;
	  left: 0;
	  /*width: 80%;*/
	  height: 100vh;
	  /*background:rgba(0,0,0,.6);*/
      background:rgba(49, 70, 82,.8);
	  color: #ffffff;
	  border-radius: 15px;
	  padding: 0 30px;
		
	}

	.mobile-nav__items {
	  display: block;
	  /*width: 90%;*/
	  height: 100%;
	  list-style-type: none;
	  margin: 10% auto;
	  padding: 0;
	  text-align: center;
	}

	.mobile-nav__item {
	  margin: 1rem 0;
	}

	.mobile-nav__item a {
	  font-size: 1.5rem;
	  text-decoration: none;
	  color: #ffffff;
	  font-weight: bold;
	  padding: 0.2rem 0;
	}

