.page-section{
	
	padding:3rem 0;
	
	@include breakpoint(small only){
		padding:0;
	}
	
	h1,h2,h3,h4,h5{
		@include trajan-font(400);
	}
	h1{margin:0;}
	h2{color:$primary-color;line-height:3rem;}
	h3{color:$primary-color;}
	h4{line-height:1.5rem;}
	
	
	.row__mask-images{
		.grid-container{
		//	max-width:70rem;
		}
		.grid-x{
			
			background-color:$light-gray;
			border-radius:$global-radius;
			overflow:hidden;
			
			@include breakpoint(small only){
				border-radius:0;
				.cell__text-left{padding:1.5rem;text-align:center;}
				.cell__image-right{}
				
			}
		}
		.cell__text-left{padding:4.5rem;}
		.cell__image-right{padding:0;}
		
		
	
	}
	
	.button{
		font-weight:500;
		text-transform:uppercase;
	}
	.button__marie{
		background:none;
		border:solid 1px $primary-color;
		color:$black;
		border-radius:1.5rem;	
		margin:0;
	}
	
	img{width:100%;}
	
	
}

.page-section__lead-text{
	padding-bottom:0;
	h1{line-height:3.5rem;}
	p{font-size:125%;}
	p:last-child{margin:0;}
}

.page-section__image-full-width{
	
	padding:0;
	margin:0;
	height:100vh;
	//padding-bottom:45%;
	overflow:hidden;
	
	.grid-container{
		
		width:100%;
		max-width: 100%;
		padding:0;
		margin:0;
		
		.grid-x{
			padding:0;
			margin:0;
		}
		
		.cell{padding:0;}
		.cell img{
			width:100%;
			transform: translateY(-10%);
			
		}
	}
	
}


.page-section__no-padding{
	padding:0;
}



.page-section__background-green{
	background-color:$secondary-color;
	h1{color:$white;}
	h2{color:$white;margin:0;}
	h3,h4{color:$primary-color;}
	
	.button__marie{color:$white;}
	
	@include breakpoint(small only){
		padding:3rem 0;
	}
}

.card{
	border:none;margin:1.5rem 0.75rem 0 0.75rem;
}