Update for the Nuit

www/css/style.css

@@ -67,14 +67,11 @@ html, body {
 }
 
 body {
-	background-color: #E1A07E;
+	background-color: #362b49;
+  color: white;
 }
 
-a,
-a:hover,
-a:active,
-a:visited {
-	color: #47132B;
+a {
 	text-decoration: none;
 }
 
@@ -98,58 +95,59 @@ a:visited {
 /*--------------------------------------------------------*/
 
 #main-header {
-	margin: 0 auto;
-	max-width: 100vw;
-	height: calc(100vh / 1.5);
+	margin: 0;
+	min-width: 100%;
+  height: 500px;
+	/* min-height: calc(100vh / 1.4); */
 
-	position: relative;					
-	
-	background-image: url("../img/ui/header-48h-des-arts-2022-test.svg");
+	position: relative;
+
+	background-image: url("../img/ui/header-Nuit-2022.jpg");
+	background-image: linear-gradient(rgba(0,0,0,0) 70%, #362b49 100%), url("../img/ui/header-nuit.jpg");
 	background-repeat: no-repeat;
-	background-size: auto calc(100vh / 1.5);
-	background-position: center bottom;
+	background-position: center 18%;
 }
 
 @media only screen and (max-width: 1200px) {
 	#main-header {
 		height: calc(100vh / 2);
 		background-size: auto calc(100vh / 2);
-	}	
+	}
 }
 
 @media only screen and (max-width: 900px) {
 	#main-header {
 		height: calc(100vh / 2.5);
 		background-size: auto calc(100vh / 2.5);
-	}	
+	}
 }
 
 @media only screen and (max-width: 600px) {
 	#main-header {
 		height: calc(100vh / 3);
 		background-size: auto calc(100vh / 3);
-	}	
+	}
 }
 
 @media only screen and (max-width: 500px) {
 	#main-header {
 		height: calc(100vh / 5);
 		background-size: auto calc(100vh / 5);
-	}	
+	}
 }
 
 @media only screen and (max-width: 300px) {
 	#main-header {
 		height: calc(100vh / 7);
 		background-size: auto calc(100vh / 7);
-	}	
+	}
 }
 
 @media only screen and (max-width: 200px) {
 	#main-header {
 		height: calc(100vh / 8);
 		background-size: auto calc(100vh / 8);
-	}	
+	}
 }
 
 /*--------------------------------------------------------*/
@@ -180,8 +178,8 @@ section h2 {
 	margin-bottom: 25px;
 	padding: 100px 60px 15px 60px;
 
-	color: #000000;
-	text-shadow: 3px 2px 1px #FFC62D, 2px 3px 1px #FFC62D;
+	color: #e43e1c;
+	text-shadow: 3px 2px 1px #dc8c5e, 2px 3px 1px #dc8c5e;
 
 	font-size: 2.1rem;
 	font-weight: 800;
@@ -215,7 +213,6 @@ section p.stand-out {
 
 	section > * {
 		max-width: 960px;
-	
 		margin-left: auto;
 		margin-right: auto;
 		padding-left: 40px;
@@ -267,7 +264,7 @@ section p.stand-out {
 	/* color: #AA473C; */
 	/* color: #47132B; */
 	/* color: #000000; */
-	color: #FFFFFF;
+	color: white;
 
 	font-size: 1.4rem;
 	font-weight: 400;
@@ -395,14 +392,14 @@ table.prices td {
 }
 
 table.prices th {
-	color: #47132B;
+	color: #eb6d3d;
 }
 
 table.prices td {
 	/* background-color: rgba(71, 19, 43, 0.03); */
 
-	border-top: 2px solid rgba(71, 19, 43, 0.2);
-	border-bottom: 2px solid rgba(71, 19, 43, 0.2);
+	border-top: 2px solid rgba(154, 117, 152, 0.3);
+	border-bottom: 2px solid rgba(154, 117, 152, 0.3);
 }
 
 table.prices tr:nth-child(odd) td {