@charset "utf-8";

/* CSS Document */


@media (min-width: 45em) {
	
	/* These pages start to be proetty short once they're in coulmns */
	.single-leadpage article {
		min-height: 540px;
	}
	
	
	/* Need to override the normal max-width on entry-content */
	.no-cockpit-nav .entry-content.leadpage-wrapper {
		max-width: 75em;
			
	}
	
	/* Starts to have columns */
	.leadpage-content-wrapper {
		display: flex;

		/*align-items: center;*/
		margin: 60px -10px;
	}

	/* There's an option for image on right or left */
	.leadpage-content-wrapper.image-right {
		flex-direction: row-reverse;
	}
	
	.leadpage-image {
		max-width: 40%;
		min-width: 40%;
		padding: 0 10px;
		width: 40%;
	}

	.leadpage-image .post-thumbnail {
		text-align: center;
	}
	
	.leadpage-content {
		max-width: 60%;
		min-width: 60%;
		padding: 0 10px;
		width: 60%;
	}
	
	.leadpage-content > *:first-child {
		line-height: 1;
		margin-top: 0;
	}
	
	
	
	
}