/* MOBILE FIRST */
/* pour mobile de 0 à 499px */



body{
	
	font-family: helvetica, arial, sans-serif;
	font-size: 1.3em;
	padding: 1em;

}

ul{
	padding: 0;
}



blockquote{
	margin: 0;
	margin-left: 20%;
	padding: 1em;
	margin-bottom: 1em;
	border: 1px solid black;
	font-family: courier, monospace;
	font-size: 0.6em;


}



h1{
	margin-bottom: 6em;
	text-transform: uppercase;
	font-size: 0.5em;
	transform: rotate(-15deg);
	display: inline-block;
}

h2{
	font-weight: lighter;
}

nav{
	margin-bottom: 5em;
	
}





li{
	margin-bottom: 1em;
	list-style: none;
}

a{
	color: black;
}



/* pour tablettes de 550px à 800px */
@media (min-width: 550px) {

body{
	
	font-size: 1.5em;
	 	
}

blockquote{
margin-left: 0;
width: 200px;
}

h1{
	transform: rotate(15deg);
}


}