header#header .logo img {
    height: 80px !important; /* FORCE la nouvelle hauteur */
    width: auto !important; /* Garde les proportions naturelles */
}
#header.section {
	background-color: #222222;
}

#header.section .container.grid-lg {
	max-width: 80%;
}

#header.section a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4 {
  animation: fadeIn 1s ease-in-out;
  color : #001B66;
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

body {
	margin: 0;
	padding: 0;
	color : #001B66;
    background-color: #FFBF68;
	background: linear-gradient(to bottom, #FFBF68 40%, #D32200 100%);
	font-family: 'Poppins', sans-serif;

    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#body-wrapper.section a{
	color: #001B66; 
	text-decoration: underline;
}

#body-wrapper.section a:hover{
	text-decoration: underline;
	color: #1da1f2;
}

#body-wrapper.section .container.grid-lg {
	background-color: rgba(255, 248, 231, 0.4);
	max-width: 80%;
	margin: 50px auto;
	padding: 10px 40px 40px 40px;
	border-radius: 12px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

#footer.section .container.grid-lg  {
	color: white ;
	text-align: center;
}

#footer.section .container.grid-lg a {
	color: white;
	text-decoration: underline; 
}

#footer.section .container.grid-lg a:hover {
    text-decoration: underline;
    color: #1da1f2;
}