* {
margin : 0px ;
padding : 0px ;
box-sizing: border-box;
}

body {
background-color : #FFCAA8 ;
color : black ;
}

article {
	width: 80%;
	margin-left:auto;
	margin-right: auto;
}


h1 {
text-align : center ;
font-size : 2.2rem ;
color : #027 ;
padding-top : 16px ;
padding-bottom : 16px ;
}


h2 {
text-align : center ;
font-size : 2rem ;
color : #004718 ;
padding-top : 24px ;
padding-bottom : 24px ;
}

h3 {
text-align : center ;
font-size : 1.6rem ;
color : #117 ;
padding-top : 12px ;
padding-bottom : 12px ;
}

p {
color : black ;
text-align : left ;
font-size : 1.2rem ;
padding-top : 12px ;
padding-bottom : 12px ;
font-family : arial;
line-height : 150%;
}


ul { 
display: flex;
justify-content: stretch;
list-style-type:none;
padding:0;
margin:0;
background-color: magenta;
align-items: stretch;

}

ul li {
	display:flex;
	justify-content: stretch;
	align-items: stretch;
	width: 100%;
	background-color: brown;
}

ul li a {
	width: 100%;
	display: flex;
	padding: 12px;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	border : 1px solid black ;
	background-color : #FCC ;
	color : #139 ;
		
}

ul li p {
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.6rem;
	padding: 0;
	line-height: 100%;
	color : #139 ;
}

li.ici a {
	background-color : #5F5 ;		
}

/*
nav {
width : 100%;
font-size : 1.6rem ;
font-family: arial;
color : #139 ;
text-decoration : none ;
}

nav a{
display: flex;
width:100%;
color : #139 ;
text-decoration : none ;
padding:8px;
align-items: center;
justify-content: center;
}

nav ul {
width : 100%;
list-style-type : none ;
display: flex;
justify-content: space-between;
}

nav li {
	width: 100%;
text-align : center ;
align-items: center;
justify-content: center;
border : 1px solid black ;
background-color : #FCC ;
}


li.ici {
background-color : #5F5 ;
}
*/

img {
display : block ;
max-width: 100%;
height:auto;
margin: auto;
}







@media screen and (max-width: 760px) {
	article {
		width : 90%;
		font-size : 16px;	
	}
	h1 {
		font-size: 28px;
	}
	h2{
		font-size:26px;
	}
	h3{ font-size: 24px;
	}
	p{
	font-size:16px;
	}
	nav { 
	font-size: 18px ;
	}
	nav ul {
	  flex-direction: column;
	}
  nav li {
	  display: block;
	  width: 100%;
  }
}