body{
font-family: 'Cinzel', serif;
background-color:#6b8064;
}

h1{
background-color:black; /*couleur du fond : noire*/
color:lightgrey; /*couleur de la police*/
text-align:center; /*texte centré*/
font-size:60px; /*taille de la police 60pixels*/
}

h2{
background-color:black; /*couleur du fond : noire*/
color:lightgrey; /*couleur de la police*/
text-align:center; /*texte centré*/
font-size:30px; : /*taille de la police 30pixels*/
}

h3{
margin-left:500px; /*marge à gauche*/
}

h4{
font-size:40px; /*taille de la police 40pixels*/
margin-left:50px;  /*marge à gauche*/
}

blockquote{
background-color:black; /*couleur du fond : noire*/
color:lightgrey; /*couleur de la police*/
text-align:center; /*texte centré*/
font-style:italic; /*texte écrit en italique*/
font-size:30px; /*taille de la police 30pixels*/
}

.container {
display:grid; /* Aligne les sous-blocs sous forme de grille */
grid-template-columns: 1fr 1fr 1fr; /* Largeur des colonnes */
font-size:auto; /*taille de police automatique*/
}


div .item1{
margin-left:75px;
width:100%; /*Largeur = 100%*/
height:auto; /* hauteur automatique par rapport à la largeur - hauteur du bloc*/
font-style: italic;  /* texte écrit en italique*/
}

div .item2{
background-color:black; /*couleur du fond : noire*/
color:lightgrey; /*couleur de la police*/
text-align: center; /*texte centré*/
font-size:18px; /*taille de la police 18pixels*/
}

div .item3{
width:100%; /*Largeur = 100%*/
height:auto; /* hauteur automatique par rapport à la largeur - hauteur du bloc*/
font-style:italic; /* texte écrit en italique*/
margin-top: 100px; /* marge en haut*/
margin-left: 125px;  /*marge à gauche*/
}

ul{
list-style:none; /* pas de puces en début de liste*/
}

section{
background-color:black; /*couleur du fond : noire*/
color:lightgrey; /*couleur de la police*/
font-size:15px; /*taille de la police 15pixels*/
margin-left:200px; /*marge à gauche*/
margin-right:200px; /*marge à droite*/
}

footer{
background-color:black; /*couleur du fond : noire*/
color:lightgrey; /*couleur de la police*/
text-align: center;
font-size: 15px; /*taille de la police 15pixels*/
}

nav{
font-size:25px; /*taille de la police 25pixels*/
font-style: italic; /* texte écrit en italique*/
}

 @media screen and (max-width:1024px) {
 	/* iPad portrait & landscape */
 	/* iPhone6+ paysage = 960px */
 	body { background:#af012e}/*couleur du fond*/
  }

 @media screen and (max-width:768px) {
 	/* iPad portrait = 768px */
 	body { background:#554672 } /*couleur du fond*/
  {justify-content:center;}
  }

 @media screen and (max-width:667px) {
 	/* Mobiles paysage */
 	/* iPhone6 paysage = 667px */
 	/* iPhone 5s paysage = 568px */
 	/* iPhone 4 paysage = 468 px */
 	body { background: #af012e } /*couleur du fond*/
  {justify-content:center;} /* Alignement horizontal */
}

 @media screen and (max-width:375px) {
 	/* Mobiles portrait */
 	/* iPhone6+ portrait = 540px */
 	/* iPhone6 portrait = 375px */
 	/* iPhone4 & iPhone5 portrait = 320px */
 	body { background:#4a1a26 } /*couleur du fond*/
}
  } } /*fin media query*/