* {	box-sizing: border-box;}

body {	margin: 0;	padding: 0;	font-family: Garamond, serif;}

.container {	max-width: 1200px;	margin: 0 auto;	padding: 0 20px;}

.form-container {	text-align: left;	font-size: 1.5vw; margin:10px;}
.form-group {	display: flex;	margin-bottom: 10px;  }
label {	flex: 0 0 150px; margin-right: 10px; font-size: 1.5vw; font-weight: bold ; }
input[type="text"],  input[type="email"],  textarea {	flex: 1;	font-size: 1.5vw;  }


nav ul {list-style: none;	margin:20;	padding: 0;	display: flex;}
nav li {margin-right: 20px;}
nav li:last-child {	margin-right: 0;}
nav a {	
    text-decoration: none;
    font-size: 2vw;
    font-family: garamond, serif;
    color: rgb(1, 22, 1);
}

main {	padding: 50px 0;}
/* texte en général */
p {
font-size: 12;
font-family: garamond, serif;
color: rgb(1, 22, 1);
margin: 10px;
}


.gallery {	display: flex;	flex-wrap: wrap;	justify-content: space-between;	width: auto;	margin : auto;}
.gallery img {	margin-top: 10px;	margin-bottom: 10px; 	margin-left: auto;	margin-block: 5px ;	cursor: pointer;}
.gallery img:hover { 	transform: scale(1.2);}

.gallery2 {	display: flex;	flex-wrap: wrap;	justify-content: space-between;	width: auto;	margin : auto;}
.gallery2 img {	margin-top: 10px;	margin-bottom: 10px; 	margin-left: auto;	margin-block: 5px ;	cursor: pointer;}
.gallery2 img:hover { 	transform: scale(1.1);}

footer {	background-color: rgb(2, 25, 2);	color: white;	padding: 10px 0;	text-align: center;}

.image-container {	position: relative;	text-align: center;  }
.image-container img {max-width: 100%;	height: auto;  }
.image-container h1 {position: absolute;	top: 50%;	left: 50%;	transform: translate(-50%, -80%);	
    color: #fff;	font-family: Garamond, serif; font-size: 2rem;	text-shadow: 1px 2px #000;  }
.text-container {font-family: Garamond, serif; position: absolute; top: 50%;	left: 50%;	
    /*transform: scale(0.5, 0.5);*/	transform: translate(-50%,-50%); text-align: center;	color: #fff;	width: 100%;  }
.text-container h1 {font-family: Garamond, serif; font-size: 2rem;	text-shadow: 1px 1px #000;  }
.text-container .bold {	 font-family: Garamond, serif;	  font-weight: bold;  }
.text-container .italic {font-family: Garamond, serif; 	font-style: italic;  }

@media (min-width: 350px; max-width: 1200px) {
    .text-container h1 {font-size: 3rem;line-height: 1.2;width: 80%;	}
}

/*@media (max-width: 767px) {.text-container h1 {font-size: 2rem;line-height: 1.2;width: 80%;	}}*/
/*@media (max-width: 350px) {.text-container h1 {font-size: 1rem;line-height: 1.2;width: 80%;	}}*/