@media only screen and (min-width: 1025px){
	.hamburger-label{
	display:none;
}
}
@media only screen and (max-width: 1024px){
.hamburger-label{
	display:block;
}

label .hamburger {
  position: absolute;

  top: 135px;

  left: 50px;

  width: 30px;

  height: 2px;

  background: #cccccc;

  display: block;

  -webkit-transform-origin: center;

  transform-origin: center;

  -webkit-transition: .5s ease-in-out;

  transition: .5s ease-in-out;

}

 

label .hamburger:after, label .hamburger:before {

  -webkit-transition: .5s ease-in-out;

  transition: .5s ease-in-out;

  content: "";

  position: absolute;

  display: block;

  width: 100%;

  height: 100%;

  background: #cccccc;

}

 

label .hamburger:before { top: -10px; }

 

label .hamburger:after { bottom: -10px; }

 

label input { display: none; }

 

label input:checked + .menu {

  box-shadow: 0 0 0 100vw #FFF, 0 0 0 100vh #FFF;

  border-radius: 0;
  
  background:#fff;

}

 

label input:checked + .menu .hamburger {

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);
	
}

 

label input:checked + .menu .hamburger:after {

  -webkit-transform: rotate(90deg);

  transform: rotate(90deg);

  bottom: 0;
  

}

 

label input:checked + .menu .hamburger:before {

  -webkit-transform: rotate(90deg);

  transform: rotate(90deg);

  top: 0;
}


label input + .menu + ul { 
  opacity: 0;  visibility: hidden;
  transition: opacity 1s, visibility 1s;
 }

label input:checked + .menu + ul { 
  opacity: 1;  visibility: visible;

  transition: opacity 1s, visibility 1s;
}

label .menu {
  position: fixed;

  right: -80px;

  top: -100px;
  
  z-index: 11;

  width: 200px;

  min-height: 200px;

  background: transparent;
  

  border-radius: 50% 50% 50% 50%;

  -webkit-transition: .5s ease-in-out;

  transition: .5s ease-in-out;

  box-shadow: 0 0 0 0 #FFF, 0 0 0 0 #FFF;

  cursor: pointer;

}

 

label ul {

  z-index: 200;

  position: fixed;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  opacity: 0;

  -webkit-transition: .25s 0s ease-in-out;

  transition: .25s 0s ease-in-out;

}

 

label a {

  padding-bottom: 1em;

  display: block;

  color: #000;

  text-decoration: none;

}
}