@media handheld, only screen and (max-width: 1023px), only screen and (max-device-width: 1023px) {
html {
	background:#fff;
	letter-spacing:0;
}

body {
	width:90%;
	margin:0 auto;
	}
	
header #logo {
	width:40%;
	}

header h2 {
	display:none;
	}

header #pictos {
	width:50%;
	}

section #visuel {
	width:100%;
	float:none;
	background:none;
	padding-top:30px;
	}

section .form, #merci {
	width:94%;
	height:auto;
	float:none;
	}

section .form h4 {
	display:none;
	}

section .form h6 {
	display:block;
	}

#merci h4, #merci h6 {
	display:none;
	}

section .form img, #merci img {
	display:none;
	}

section .form button br {
	display:none
	}

aside {
	margin-top:30px;
	background:none;
	padding:30px 0;
	border-top:1px solid #ccc;
	}

aside article {
	display:none;
	}

aside figure {
	float:none;
	padding:0;
	border-left:none;
	}

footer {
	text-align:center;
	font-size:15px;
	color:#999999;
	padding:0 0 50px 0;
	}

	section {
		display: flex;
    flex-direction: column;
	}

	section img {
		align-self: center;
	}
	h4 {
		text-align: center;
		margin: 10px 0 20px 0;
	}
	
}
@media handheld, only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
section #visuel {
	display:none;
	}

aside {
	margin-top:0;
	border-top:none;
	}

header #logo {
	width:100%;
	float:none;
	}

header #pictos {
	display:none;
	}	

section .form h6, #merci h6 br {
	display:none;
	}
	
}