#showcaseWrapper {
	min-height: 200px;
	.top-gradient(@brand-color, @brand-gradient);
	position: relative;
	margin-top: -21px;
	z-index: 1;
	img {
		width: 100%;
		//position: absolute;
	}
	.showcase_content {
		position: absolute;
		top: 0px;
		left: 0px;
		color: @white;
		text-shadow: 1px 2px 2px @dark-grey;
		h1 {
			color: @white;
			font-weight: 300;
			font-size: 3.5em;
		}
		p {
			font-style: italic;
			font-size: 2.1em;
		}
		&.landing_showcase {
			p {
				margin: 40px 0 0 0;
			}
		}
	}
}
.showcaselanding {
	.top-gradient(@brand-color, @brand-gradient);
	margin-bottom: 10px;
	#showcaseWrapper {
		background: transparent;
		.showcase_content {
			z-index: 20;
		}
	}
}

@media screen 
	and (min-width: 992px) 
	and (max-width: 1199px) {
		#showcaseWrapper {
			.showcase_content {
				p {
					font-size: 2.1em;
				}
			}
		}
	}

/* iPads (portrait) ----------- */
@media only screen 
	and (min-device-width: 768px) 
	and (max-device-width: 1024px)
	and (orientation: portrait) {
	body {
		&.pharmacy_division {
			@brand-color: @brand-green;
			@brand-gradient: @brand-green-gradient;
			.showcaselanding {
				background: transparent;
				#showcaseWrapper {
					.top-gradient(@brand-color, @brand-gradient);
				}
			}
		}
		&.people-care_division {
			@brand-color: @brand-orange;
			@brand-gradient: @brand-orange-gradient;
			.showcaselanding {
				background: transparent;
				#showcaseWrapper {
					.top-gradient(@brand-color, @brand-gradient);
				}
			}
		}
		&.benefit-options_division {
			@brand-color: @brand-purple;
			@brand-gradient: @brand-purple-gradient;
			.showcaselanding {
				background: transparent;
				#showcaseWrapper {
					.top-gradient(@brand-color, @brand-gradient);
				}
			}
		}
		&.integrated-systems_division {
			@brand-color: @brand-teal;
			@brand-gradient: @brand-teal-gradient;
			.showcaselanding {
				background: transparent;
				#showcaseWrapper {
					.top-gradient(@brand-color, @brand-gradient);
				}
			}
		}
	}
}
/* Mobile ----------- */
@media screen and (max-width: 768px) {
	body {
		&.pharmacy_division {
			@brand-color: @brand-green;
			@brand-gradient: @brand-green-gradient;
			.showcaselanding {
				background: transparent;
				#showcaseWrapper {
					.top-gradient(@brand-color, @brand-gradient);
				}
			}
		}
		&.people-care_division {
			@brand-color: @brand-orange;
			@brand-gradient: @brand-orange-gradient;
			.showcaselanding {
				background: transparent;
				#showcaseWrapper {
					.top-gradient(@brand-color, @brand-gradient);
				}
			}
		}
		&.benefit-options_division {
			@brand-color: @brand-purple;
			@brand-gradient: @brand-purple-gradient;
			.showcaselanding {
				background: transparent;
				#showcaseWrapper {
					.top-gradient(@brand-color, @brand-gradient);
				}
			}
		}
		&.integrated-systems_division {
			@brand-color: @brand-teal;
			@brand-gradient: @brand-teal-gradient;
			.showcaselanding {
				background: transparent;
				#showcaseWrapper {
					.top-gradient(@brand-color, @brand-gradient);
				}
			}
		}
	}
}
/* ----------- iPhone 6+ ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) {
  	body {
		.banner {
			height: 100%;
			#showcaseWrapper {
				.showcase_content {
					width: 100%;
					position: relative;
				}
			}
		}
	}
}

/* ----------- iPhone 6 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  	body {
		.banner {
			height: 100%;
			#showcaseWrapper {
				.showcase_content {
					width: 100%;
					position: relative;
				}
			}
		}
	}
}

/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
  	body {
		.banner {
			height: 100%;
			#showcaseWrapper {
				.showcase_content {
					width: 100%;
					position: relative;
				}
			}
		}
	}
}

/* ----------- iPhone 4 and 4S ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
  	body {
		.banner {
			height: 100%;
			#showcaseWrapper {
				.showcase_content {
					width: 100%;
					position: relative;
				}
			}
		}
	}
}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	body {
		.content_wrapper {
			height: 100%;
			width: 100%;
			padding: 0;
		}
		.banner {
			.showcase_content {
				left: 15px;
			}
		}
	}
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
	body {
		.banner {
			.showcase_content {
				left: 15px;
			}
		}
	}
}
/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
  	body {
		.banner {
			.showcase_content {
				width: 100%;
				left: 0px;
			}
			.showcase_img {
				display: none;
			}
		}
	}
}

/* LG Optimus L70 && Nokia Lumia 520 && Nokia N9 */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px)
  and (-webkit-min-device-pixel-ratio: 1)
  and (-webkit-max-device-pixel-ratio: 1.4) {
  	body {
  		.content_wrapper {
			height: 100%;
			width: 100%;
			padding: 0;
		}
		.banner {
			height: 100%;
			#showcaseWrapper {
				.showcase_content {
					width: 100%;
					position: relative;
				}
			}
		}
	}
}