/**
 * Downloads specific styles
 * 
 */

/** General */
	.image-with-text {
		padding: 0;
		display: flex;
	}

		.image-with-text > div {
			flex: 0 50%;
		}

		.image-with-text .align-left {
			order: 1;
		}
		.image-with-text .align-right {
			order: 3;
		}

		.image-with-text .content-wrap {
			padding: 4em 0;
			order: 2;
		}

			.image-with-text .content-wrap .inner-wrap {
				box-sizing: border-box;
				max-width: 800px;
			}
			.image-with-text.left .content-wrap .inner-wrap {
				padding: 0 3% 0 4.5em;
			}
			.image-with-text.right .content-wrap .inner-wrap {
				padding: 0 4.5em 0 3%;
				float: right;
			}

				.image-with-text .content-wrap .inner-wrap h2 {
					font-size: 32px;
				}

				.image-with-text.bg-black .content-wrap .inner-wrap h2 {
					color: #fff;
				}

/** Responsive */
	@media only screen and (max-width: 959px) {
		
		.image-with-text {
			flex-flow: column nowrap;
		}

			.image-with-text > div {
				flex: 0 100%;
			}
			.image-with-text > div.image-wrap {
				order: 1;
				min-height: 350px;
			}
			.image-with-text > div.content-wrap {
				order: 2;
			}

				.image-with-text.left .content-wrap .inner-wrap,
				.image-with-text.right .content-wrap .inner-wrap {
					max-width: none;
					padding: 0 2em;
				}

	}


		@media only screen and (max-width: 400px) {

			.image-with-text.left .content-wrap .inner-wrap,
			.image-with-text.right .content-wrap .inner-wrap {
				max-width: none;
				padding: 0 1em;
			}

		}