@media(min-width: 768px)

{

#global

{
			width :100% ;
            background :#ccc ;
			border-radius : 10px;
}

header

{
			padding-top:25px;
			margin:20px;
			text-align:center;

}

nav a {
		color:#000;
		text-transform:uppercase;
		font-size:14px;
}




#contenu

{
            padding :35px ;
		text-align:justify;
}

#footer

{
padding-top:25px;
margin:20px;
text-align:center;
}

img {
	border-radius:10px;
	margin:20px;
}
}

@media(max-width: 768px)

{

 

#global

{
			border-radius : 7px;
            width :100% ;
            background :#ffcccc ;

}
header

{
			padding-top:10px;
			margin:20px;
			text-align:center;

}

nav a {
		color:#000;
		text-transform:uppercase;
		font-size:12px;
}


#contenu

{
			padding:25px;
}
 

#footer

{
text-align:center;
padding-top:20px;
margin:12px;
}
img {
	object-fit: cover;
	max-width:100%;
	border-radius:10px;
	margin:20px;
}
}