@media only screen and (max-width: 767px) {
	.header .menu{
	overflow: hidden}
	
.header .menu {
  /*clear: both;*/
  /*max-height: 0;*/
  height: 0;
  /*transition: max-height .2s ease-out;*/
}
}
.header .menu-btn:checked ~ .menu {
 /* max-height: 100vh;*/
  height: calc(100vh - 3em);
	/*overflow-y: scroll;*/
}
/*
@media only screen and (max-device-width: 480px) and (orientation : portrait) {
	.header .menu-btn:checked ~ .menu {
		height: 12em;
		display: flex;
		flex-flow: column wrap}
}
*/
@media only screen and (max-device-width: 767px) {
	.navigation-site__link {
		/*height: 25%;*/
		padding: 0.375em 0}
}
@media only screen and (max-width: 767px) and (orientation : landscape) {
	/*.header .menu-btn:checked ~ .menu {
		height: 120px;
		display: flex;
		border: 1px solid red;
		flex-flow: column wrap}*/
	/*.header .menu-btn:checked ~ .menu */.menu-site {
		height: 180px;
		display: flex;
		flex-flow: column wrap}
	/*.header .menu-btn:checked ~ .menu */.navigation-site__item {
		/*height: 25%;*/
		width: 50%}
	/*.header .menu-btn:checked ~ .menu .navigation-site__link {
		padding: 0.375em 0}*/
}
/*
.header .menu-btn:checked ~ .menu .navigation-site__item {
	
	width: 50%}
*/
.header .menu-icon {
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
  display: block;
  margin: auto;
  text-align: center;
  padding: 14px 20px;
  position: relative;
  user-select: none;
}
.header .menu-btn:checked ~ .menu-icon{
  background-image: url("../images/nomenue.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 34px auto;
    width: 72px;
}
.header .menu-btn:checked ~ .menu-icon img{
	visibility: hidden;
}
.header .menu-btn {
  display: none;
}


/*
.menu:focus-within {
  background: cyan;
}*/



@media (min-width: 48em) {
  .header .menu {
   /* clear: none;
    float: right;*/
  /*  max-height: none;*/
  }
  .header .menu-icon {
    display: none;
  }
}