html, body {
  height: 100%;
}


body {
	display: flex;
	flex-direction: column;
	background-color: orange;
	min-height: 100vh;
}

header {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

	#logo {
		width: 20%;
		margin: auto auto auto 0;
	}

		#logo img {
			height: auto;
			width: 100%;
		}

	#titre {
		margin: auto;
	}
	
		h1 {
			font-size: 4em;
			text-align: center;
			margin: 0 auto 0 auto;
		}

		h2 {
			text-align: center;
			margin: 0 auto 0 auto;
		}

	#pos {
		width: 20%;
		margin: auto 0 auto auto;
	}



main {
	width: 100%;
	flex: 1;
}

	#lottie-container {
		width:400px; 
		height:400px; 
		margin:auto;
	}

	#txt {
		width: 100%;
		text-align: center;
		font-size: 1em;
	}

		#txt a {
			text-shadow: none;
		}

footer p {
	text-align: center;
}


h1,  h2, p {
		color: white;
		text-shadow: 
    		-1px -1px 0 black,  
     		1px -1px 0 black,
    		-1px  1px 0 black,
     		1px  1px 0 black;
}