/* 
  ------------------------------------------------
  CSS layout for La Maison Grise de Montréal
  -- Campagne de Noël 2025 -- 
  Copyright (c) 2025 Progexia Solutions Web - www.progexia.com
  ------------------------------------------------
*/
#campagne-anges-noel {
	position: relative;
	width: 100%;
	height: 250px;
	overflow: hidden;
	background-image: url('https://lamaisongrise.org/images/Anges-de-Noel_Banniere-1000x250.jpg');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	color: white;
	font-size: 1rem;
	line-height: 1.3em;
	display:flex;
	text-align:left;
}
#campagne-anges-noel.donateurs {margin-bottom: 20px;}
#campagne-anges-noel .message{width:60%;margin: auto 40px auto 40%;}
#campagne-anges-noel.donateurs .message{width:50%;margin: auto 40px auto 50%;font-size:14px;line-height:1.1em;}
#campagne-anges-noel .message h2{font-size:1.5rem;line-height: 1.1em;text-transform:uppercase;color:#ffffff;background-color:transparent;}
#campagne-anges-noel.donateurs .message h2{font-size:16px;}
#campagne-anges-noel .message h3{font-size:1.25rem;font-weight: bold;color:#EC55A4;margin:20px 0;}
#campagne-anges-noel.donateurs .message h3{font-size:14px;}
#campagne-anges-noel .message .bouton {
	padding: 10px 25px;
	background-color: #ffffff;
	color: #EC55A4;
	border-radius: 25px;
	text-transform: uppercase;
	font-size: 1rem;
	text-decoration: none;
	font-weight: bold;
}
#campagne-anges-noel .message .bouton {font-size:14px;}
#campagne-anges-noel .message .bouton:hover,
#campagne-anges-noel .message .bouton:active,
#campagne-anges-noel .message .bouton:focus {background-color:#EC55A4;color:#ffffff;}
@media (max-width: 480px) {
	body {padding: 10px;margin: 0;}
	#wrapper{width:auto;}
	#campagne-anges-noel {
		background-image: url('https://lamaisongrise.org/images/Anges-de-Noel-Banniere-375x800.jpg');
		height:auto;
		background-position: left top;
		background-size: auto;
		padding-top:250px;
	}
	#campagne-anges-noel .message{margin:20px;width:100%;}
}