.img-lead-module{
	@include clearfix;

	.module-content{
		@include module-content($image-lead-module-width);
		@include flex;
		@include align-items(center);
	}

	&.no-wrap,
	&.module-background{

		.module-content{
			@include flex;
			@include flex-align(center);
		}

		.module-image{
			@include flex-value(none);
			@include align-self(flex-start);
		}
	}

	&.module-background{

		.module-text{
			padding: 2.25rem 2rem;
			background-color: $text-background-color;
			overflow: hidden;
			margin: 0;
		}
	}

	.module-image{
		overflow: hidden;
		padding: 0 0 0.5rem;

		@include break(ml){
			width: 100%;
			max-width: rem(400);
			margin: 0 auto 2rem;
		}

		figure{
			padding-top: percentage(768/1100);
			overflow: hidden;

			.scale{
				display: block;
			}
		}

		figcaption{
			padding: 0.5rem 0;
			color: $text-grey;
			position: relative;
			font-size: rem(14);
		}
	}

	&.right{

		.module-content{
			@include flex-direction(row-reverse);

			@include break(ml){
				display: block
			}
		}

		.module-image{
			padding-left: $grid-gutter*4;

			@include break(ml){
				padding: 0;
				float: none;
				width: 80%;
				max-width: rem(400);
			}

			.oldie &{
				float: right;

				@include break(ml){
					float: none;
				}
			}
		}
	}

	&.left{

		.module-content{
			@include flex-direction(row);

			@include break(ml){
				display: block
			}
		}

		.module-image{
			padding-right: $grid-gutter*4;

			@include break(ml){
				padding: 0;
				float: none;
				width: 80%;
				max-width: rem(400);
			}
		}
	}

	.module-text{
		width: 50%;

		@include break(ml){
			width: 100%;
		}

		p{
			font-size: rem(20);

			@include break(ml){
				font-size: rem(18);
			}
		}

		.button{
			font-size: 1rem;
		}

		& > *:first-child{
			margin-top: 0;
		}

		& > *:last-child{
			margin-bottom: 0;
		}
	}
}