/* ======================= -------- Setup -------- ========================== */
.section-alternate-blocks {
	position: relative;
}

/* ======================= -------- Colour Schemes -------- ========================== */

/* Orange */
	.section-alternate-block.block-orange .alternate-block-content,
	.section-alternate-block.block-orange .alternate-block-content .header-section h2 {
		color: #fff;
	}
	
	.section-alternate-block.block-orange .alternate-block-content .header-section:after {
	    background: #fff;
	}
	
	.section-alternate-block.block-orange .alternate-block-content .btn {
		background: #fff;
		border: 1px solid #fff;
		color: #333333;
	}
	
	.section-alternate-block.block-orange .alternate-block-content-container {
		background-color: #e63737;
	}

/* Grey */
	.section-alternate-block.block-grey .alternate-block-content .btn {
		background: #ff5100;
		border: 1px solid #e63737;
		color: #fff;
	}
	
	.section-alternate-block.block-grey .alternate-block-content-container {
		background-color: #f3f3f3;
	}

/* White */
	.section-alternate-block.block-white .alternate-block-content .btn {
		background: #ff5100;
		border: 1px solid #e63737;
		color: #fff;
	}
	
	.section-alternate-block.block-white .alternate-block-content-container {
		background-color: #fff;
	}


/* ======================= -------- Layout -------- ========================== */
/* Odd */
	.section-alternate-blocks .section-alternate-block:nth-child(odd) {
		justify-content: flex-end;
	}
	
	.section-alternate-blocks .section-alternate-block:nth-child(odd) .alternate-block-img {
		left: 0;	
	}
	
	.section-alternate-blocks .section-alternate-block:nth-child(odd) .alternate-block-content {
		justify-content: flex-start
	}

/* Even */
	.section-alternate-blocks .section-alternate-block:nth-child(even) {
		justify-content: flex-start;	
	}
	
	.section-alternate-blocks .section-alternate-block:nth-child(even) .alternate-block-img {
		right: 0;	
	}
	
	.section-alternate-blocks .section-alternate-block:nth-child(even) .alternate-block-content {
		justify-content: flex-end;	
	}


/* ======================= -------- Content -------- ========================== */
.section-alternate-block {
	position: relative;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 120px;
}

.alternate-block-img {
	z-index: 1;
	position: absolute;
	top: 0;
	height: 100%;
	width: calc(50% - 50px);
}

.alternate-block-content {
	z-index: 2;
	position: relative;
	display: flex;
	width: calc(50% + 200px);
}

.alternate-block-content-container {
	max-width: 800px;
	width: 94%;
	margin: 80px 0;
	padding: 80px;
}


/* ======================= -------- 8.0  Media Queries -------- ========================== */
@media (max-width: 1400px) {
	.alternate-block-img {
		width: 50%;
	}
	
	.alternate-block-content {
		width: calc(50% + 150px);
	}

	.alternate-block-content-container {
		margin: 60px 0;
		padding: 60px;
	}
}

@media (max-width: 1000px) {
	.section-alternate-block {
		margin-bottom: 80px;
	}
}

@media (max-width: 850px) {
	.section-alternate-blocks .section-alternate-block:nth-child(odd) .alternate-block-img {
		left: unset;
	}
	
	.section-alternate-blocks .section-alternate-block:nth-child(even) .alternate-block-img {
		right: unset;	
	}

	.alternate-block-img {
		position: relative;
		top: unset;
	    width: 100%;
		height: 400px;
	}

	.alternate-block-content {
	    width: 100%;
	}
	
	.alternate-block-content-container {
	    margin: -150px 0 0;
		width: 80%;
		padding: 60px 6%;
	}
}

@media (max-width: 600px) {
	.alternate-block-img {
		height: 350px;
	}
}

@media (max-width: 550px) {
	.alternate-block-content-container {
		width: 95%;
	}
}

@media (max-width: 760px) {
	.section-alternate-block {
		margin-bottom: 60px;
	}
}