/*********** CONTENT ***********/
.lazyload, .lazyloaded {
	width: 100%;
}
.groupList {
	position: relative;
	width: 100%;
}
.groupElement {
	position: relative;
	width: 100%;
}
.desc {
	color: black;
	position: absolute;
}
.blankDisplay {
	position: relative;
	width: 100%;
}
.bannerDisplay {
	position: relative;
}
.bannerText {
	width: 90%;
	padding: .5vmin 5%;
}
.bannerTextTop {
	top: 10%;
}
.bannerTextBottom {
	bottom: 10%;
}

.grayText{
	color: gray;
	font-size: .6em;
	font-weight: normal;
}
.greenUnderline{
	color: rgb(45, 126, 107);
	text-decoration: underline;
	font-size: .6em;
	font-weight: bold;
}
.center {
	width: 50%;
	text-align: center;
}
.spaceBelow {
	margin: 0 0 1vmin 0;
}
.flexRow {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin: 1vmin 0 0 0;
}
.overlayDisplay {
	position: relative;
}
.overlayForeground {
	position: absolute;
	bottom: -2.5%;
	width: 20%;
	z-index: 1;
}
.overlayForegroundLeft {
	left: 5%;
}
.overlayForegroundRight {
	right: 5%;
}
.overlayText {
	bottom: 15%;
	width: 55%;
	text-align: center;
	z-index: 2;
	padding: .5vmin 2vmin;
}
.overlayTextLeft {
	left: 0;
}
.overlayTextRight {
	right: 0;
}
.crossDisplay{
	position: relative;
}
.crossDescription {
	width: 50%;
	z-index: 2;
	padding: .5vmin 2vmin;
}
.crossDescriptionTopLeft {
	top: 2%;
	left: 0;
	text-align: right;
}
.crossDescriptionTopRight {
	top: 2%;
	right: 0;
}
.crossDescriptionBottomLeft {
	bottom: 2%;
	left: 0;
	text-align: right;
}
.crossDescriptionBottomRight {
	bottom: 2%;
	right: 0;
}
.crossImage {
	position: relative;
	width: 50%;
	z-index: 1;
}
.crossImageLeft {
	left: 5%;
}
.crossImageRight {
	left: 45%;
}
.threeColumnDisplay {
	display: flex;
	flex-direction: column;
}

.threeColumnDisplay.reverse {
	flex-direction: column-reverse;
}
.threeColumnImage {
	width: 25%;
	margin: 0 auto;
}
.columnDescriptions {
	display: flex;
}
.columnDescription {
	position: relative;
	width: 100%;
	text-align: center;
}
.columnImages {
	display: flex;
	height: 100%;
	width: 100%;
}

.saleMessage {
	position: absolute;
	background-color: rgb(255, 235, 0);
	padding: .5vmin 2vmin;
	font-size: 24pt;
	font-weight: 700;
	top: 10%;
	max-width: 40%;
	z-index: 98;
}
.saleDisclaimer {
	position: absolute;
	background-color: rgb(255, 235, 0);
	padding: .5vmin 2vmin;
	font-size: 12pt;
	font-weight: 700;
	bottom: 2%;
	max-width: 40%;
	z-index: 98;
}
.saleLeft {
	border-radius: 0px 75px 75px 0px;
	left: 0;
}
.saleRight {
	border-radius: 75px 0px 0px 75px;
	right: 0;
}

/*********** RESPONSIVE ***********/	
@media only screen and
	(min-width : 1367px)
{
	.saleMessage{
		font-size: 12pt;
	}
	.saleDisclaimer{
		font-size: 10pt;
	}
	.spaceBelow{
		font-size: 1em;
	}
	div.desc {
		font-size: 25pt;
	}
}

@media only screen and
	(min-width : 0px) and
	(max-width : 1366px)
{
	.saleMessage{
		font-size: 12pt;
	}
	.saleDisclaimer{
		font-size: 10pt;
	}
	.spaceBelow{
		font-size: 1em;
	}
	div.desc{
		font-size: 16pt;
	}
}

@media only screen and
	(min-width : 0) and
	(max-width : 640px)
{
	.columnImages {
		flex-direction: column;
	}
	.bannerImage {
		width: 95%;
		margin: 0 auto;
	}
	.bannerText {
		position: relative;
		width: 95%;
		padding: 0;
		margin: 4vmin auto 2vmin;
		color: black;
		background: transparent;
	}
	.bannerText.dropShadow {
		box-shadow: none;
	}
	.overlayBackground {
		width: 95%;
		margin: 0 auto;
	}
	.overlayForeground {
		position: relative;
		width: 95%;
		margin: 0 auto;
		left: 0;
		right: 0;
	}
	.center {
		width: 100%
	}
	.grayText {
		text-align: center;
		font-size: 12pt;
	}
	.greenUnderline{
		font-size: 12pt;
	}
	.groupList {
		margin: 0px;
	}
	h5.spaceBelow {
		text-align: center;
		font-size: 16pt;
	}
	.overlayForeground img {
		box-shadow: 3px 3px 10px 0px rgba(51,51,51,0.6);
	}
	.overlayText {
		position: relative;
		width: 95%;
		padding: 0;
		margin: 4vmin auto 2vmin;
		color: black;
		background: transparent;
		text-align: left;
	}
	.overlayText.dropShadow {
		box-shadow: none;
	}
	.crossDescription {
		position: relative;
		width: 95%;
		padding: 0;
		margin: 4vmin auto 2vmin;
		color: black;
		background: transparent;
		text-align: left;
	}
	.crossDescription.dropShadow {
		box-shadow: none;
	}
	.crossImage {
		width: 95%;
		margin: 0 auto;
		left: 0;
	}
	.threeColumnDisplay.reverse {
		flex-direction: column;
	}
	.threeColumnImage {
		width: 95%;
		margin: 0 auto;
	}
	.columnDescription {
		padding: 0;
		color: white;
		background: transparent;
		text-align: center;
	}
	.columnDescription.dropShadow {
		box-shadow: none;
	}
	.saleOverlay {
		display: flex;
		width: 95%;
		margin: 0 auto;
		box-shadow: 3px 3px 10px 0px rgba(51,51,51,0.6);
	}
	.saleMessage {
		position: relative;
		border-radius: 0;
		max-width: 95%;
		width: 95%;
		padding: .5vmin 2.5%;
	}
	.saleDisclaimer {
		position: relative;
		border-radius: 0;
		max-width: 95%;
		width: 95%;
		padding: .5vmin 2.5%;
		text-align: right;
		font-weight: 350;
	}
	.blankDisplay {
		display: inline-block;
	}
}