@media screen and (max-width: 800px){
	body{
		overflow-x: hidden;
	}
	body > address{
		position: fixed;
		top: 0;
		width: 100%;
		height: 10vh;
		z-index: 9999999999999;
	}
	address img,address p, address a{
		display: none;
	}
	header h2{
		flex-direction: column;
		width: 80%;	
		margin: 5vh auto;
	}

	img#logo{
		display: block;
		width: 4em;
		margin-left: 44%;

	}
	img#block{
		display: block;
		width: 5em;
		height: 5em;
		border-radius: 50%;
		margin-bottom: 1em;

	}
	img#none{
		display: none;
	}
	address img#burger{
		display: block;
		width: 3em;
		margin-left: 15%;
		transition: 0.3s;
		padding: 1em;
	}
	img#burger.rotate{
		transform: rotate(-90deg);
	}
	header{
		width: 100%;
		margin: 10vh auto;
		margin-bottom: 0;
	}

	nav{
		display: none;
		float: none;
		clear: left;
		z-index: 9999999999;
		background: #EEEDE4;
		position: fixed;
		top: 0;
		width: 100%;
		height: 100%;
	}

	nav a{
		display: block;
		text-align: center;
		font-size: 1.3em;
		margin: 1em 0 1em 0;
	}
	nav a img{
		display: block;
		margin: 1.7em auto;
		padding: 0;
	}

	article{
		float: none;
	}
	h1{
		margin-left: 5%;
		margin-top: 5vh;
		font-size: 0.8em;
		width: 95%;
	}
	h1 span:nth-child(2){
		left: 40%;
		width: 50%;
	}
	article h3{
		display: none;
	}
	article h3 span{
		left: 10%;
		top: 70vh;
	}
	
	article h3{
		float: none;
		height: auto;
		width: 40%;
		margin-left: 5%;

	}
	article h3 img{
		margin: 0;
		padding: 1em;
		width: 60%;
	}
	article p.home{
		width: 100%;
		margin: 0;
		margin-top: 5vh;
		padding: 1em 3em;
	}
	article.beige{
		margin-top: 6vh;
	}
	article.beige h4{
		padding-left: 2em;
	}
	article.beige p{
		padding: 0 2em;
	}
	section{
		display: block;
		float: none;
		width: 90%;
		margin: 5vh auto;
		padding: 1em;
		box-sizing: border-box;
	}
	section ul{
		width: 100%;

	}
	li::before{
		content: "•"; 
		color: #003F5C;
		margin-right: 1em;
	}
	section ul:last-child{
	text-indent: 0;
	}
	article.beige,
	article.beige:nth-child(even){
		width: 100%;
		padding: 1em 0;
	}
	.modal,
	.modal-background{
		display: none !important;
	}
	iframe{
		width: 90%;
		padding: 0;
		display: block;
		margin: 3vh auto;
	}
	footer{
		font-size:0.5em;
	}
	.itineraire{
		width: 50%;
	}
	article.beige.mobile h4:nth-child(1),
	article.beige.mobile iframe{
		display: none;
	}
	article.beige.mobile h4{
		margin-top: 0;
	}
	article.beige.mobile a{
		padding: 0 2em;
	}
	form{
		width: 80%;
	}
	form input,
	form textarea{
		box-sizing: border-box;
	}
	input[type='submit']{
		width: inherit;
	}


}