.menu,.menu1 {
  list-style: none;
  margin: 0;
  padding: 20px;
  display: block;
}
.menu1 li a {
  display: block ;
  font: 3vh "Trebuchet MS",Arial,sans-serif ;
  text-align: left ;
  color: black;
  text-decoration: none ;
  padding: 4px 0 ;
}
.menu li a {
  display: block ;
  font: 1em "Trebuchet MS",Arial,sans-serif ;
  text-align: left ;
  background: #510A2A;
  color: white;
  text-decoration: none ;
  padding: 4px 0 ;
  z-index: 50;
}
.menu-checkbox {
	opacity: 0;
	position: absolute;
	top: -1000px;
}

.label-checkbox {
	display: none;
}
.menu {
	max-height: 0px;
    opacity: 0;
    overflow: hidden;
}
.hamburger {
	max-height: 0px;
	position: relative;
	background: #510A2A;
	top: 0px;
	left: 10px;
	z-index: 50;
}

@media screen and (orientation: landscape) {

	.pub {
		max-width: 200px;
		max-height: auto;
		height: auto;
	}
	.jeu {
		height: auto;
	}
}

@media screen and (orientation: portrait) {
	.menu-checkbox:checked ~ .menu {
	    max-height: 300px;
	    opacity: 1;
	    transition: all;
	    background: #510A2A;
	}
	.label-checkbox {
		color: white;
		display: block;
		font: 2em "Trebuchet MS",Arial,sans-serif ;
	}

	.menu1 {
		display: none;
	}
	.main-navigation {
		background: #510A2A;
		justify-content: flex-start;
		z-index: 99;
		top: -30px;
		left: 100px;
	}
	.corps {
		flex-direction: column;
	}
	.pub {
		max-width: auto;
		width: auto;
		max-height: 100px;
	}
	.jeu {
		width: auto;
	}
}