.lazyload, .lazyloaded{
	width: 100%;
}
.imageLink {
	width: 100%;
	height: 100%;
}
.button {
	position: relative;
    display: flex;
    align-items: center;
    background-color: #B48669;
    color: transparent;
    white-space: nowrap;
    padding: .5vmin 2vmin;
    margin: 1vmin 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
	-webkit-transition: color 0.3s ease-in-out, width 0.3s ease-in-out, background-color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out, width 0.3s ease-in-out, background-color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out, width 0.3s ease-in-out, background-color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out, width 0.3s ease-in-out, background-color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out, width 0.3s ease-in-out, background-color 0.3s ease-in-out;
    overflow: hidden;
}
.buttons {
    position: absolute;
    display: flex;
    flex-direction: column;
}
.button:hover {
	background-color: #9B5D37;
}
.buttons.left {
	left: 0;
	align-items: flex-start;
}
.buttons.right {
	right: 0;
	align-items: flex-end;
}
.left .button {
	border-right: 1px solid #fff;
}
.right .button {
	border-left: 1px solid #fff;
}
.button.button1 {
	font-size: 24pt;
	width: 24pt;
}
.button.button2 {
	font-size: 16pt;
	width: 16pt;
}
.icon1, .icon2 {
	color: #fff;
	-webkit-transition: color 0.3s ease-in-out, margin-left 0.3s ease-in-out, margin-right 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out, margin-left 0.3s ease-in-out, margin-right 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out, margin-left 0.3s ease-in-out, margin-right 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out, margin-left 0.3s ease-in-out, margin-right 0.3s ease-in-out;
	transition: color 0.3s ease-in-out, margin-left 0.3s ease-in-out, margin-right 0.3s ease-in-out;
}

/*********** CONTENT ***********/
.lineList {
	position: relative;
	width: 100%;
}
.lineElement {
	position: relative;
	display: inline-block;
	width: 100%;
}
.noDescriptionDisplay {
	position: relative;
}
.noDescriptionSmallImage {
	position: relative;
	width: 50%;
	margin-top: -15%;
}
.noDescriptionSmallImage.left {
	float: left;
	margin-left: 2.5%;
}
.noDescriptionSmallImage.right {
	float: right;
	margin-right: 2.5%;
}
.noDescriptionButtons {
	top: 10%;
}
.crossDisplay {
	position: relative;
}
.crossRow {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}
/* Hack to make space-between behave like space-evenly on unsupported browsers */
.crossRow::before, .crossRow::after {
	content: '';
}
.crossRow.reverse {
	flex-direction: row-reverse;
}
.crossDescription {
	width: 40%;
}
.crossImage {
	width: 50%;
	height: 100%;
}
.crossButtons {
	top: 75%;
	transform: translateY(-50%);
}
.defaultDisplay {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
/* Hack to make space-between behave like space-evenly on unsupported browsers */
.defaultDisplay::before, .defaultDisplay::after {
	content: '';
}
.defaultDisplay.reverse {
	flex-direction: row-reverse;
}
.defaultContainer {
	width: 55%;
}
.defaultDescription {
	width: 35%;
}
.defaultButtons {
	top: 50%;
	transform: translateY(-50%);
}
.twoImagesDisplay {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
/* Hack to make space-between behave like space-evenly on unsupported browsers */
.twoImagesDisplay::before, .twoImagesDisplay::after {
	content: '';
}
.twoImagesDisplay.reverse {
	flex-direction: row-reverse;
}
.twoImagesContainer {
	width: 45%;
}
.twoImagesContainer.flex {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.twoImagesButtons {
	top: 50%;
	transform: translateY(-50%);
}
.twoImagesDescription {
	width: 100%; /* Fixes viewing issue in IE */
	min-height: 1px; /* Allows proper re-sizing in IE */
	margin-bottom: 2vmin;
}
.twoImagesSmallImage {
	width: 20%;
	height: 100%; /* Fixes viewing issue in IE */
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.twoImagesSmallImage:hover {
	transition: all .1s ease-in-out;
	transform: scale(1.1);
}
.twoImagesSmallImage:focus-within {
	transition: all .1s ease-in-out;
	transform: scale(1.1);
}
.spacedDisplay {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
/* Hack to make space-between behave like space-evenly on unsupported browsers */
.spacedDisplay::before, .spacedDisplay::after {
	content: '';
}
.spacedDisplay.reverse {
	flex-direction: row-reverse;
}
.spacedContainer {
	width: 20%;
}
.spacedImage {
	width: 20%;
}
.spacedDescription {
	width: 50%;
}
.spacedButtons {
	top: 50%;
	transform: translateY(-50%);
}
.calculatorDisplay {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
/* Hack to make space-between behave like space-evenly on unsupported browsers */
.calculatorDisplay::before, .calculatorDisplay::after {
	content: '';
}
.calculatorDisplay.reverse {
	flex-direction: row-reverse;
}
.calculatorImage {
	width: 35%;
}
.calculatorContainer {
	width: 35%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.calculatorDescription {
	text-align: center;
	margin-bottom: 2vmin;
	width: 100%;
}
.calculatorScript {
	display: flex;
	background-color: #d3d3d3;
	padding: 2vmin;
	width: 100%;
}

/*********** RESPONSIVE ***********/
@media only screen and
	(min-width : 0px) and
	(max-width : 1366px)
{
	.buttons {
		max-width: 300px;
		margin: 0 auto;
	}
	.button {
		color: white;
		background-color: #9B5D37;
		white-space: inherit;
		text-align: center;
	}
	.button.button1 {
		font-size: 18pt;
		width: auto;
	}
	.button.button2 {
		font-size: 12pt;
		width: auto;
	}
	.icon1, .icon2 {
		display: none;
	}
	.twoImagesButtons {
		position: relative;
		transform: none;
	}
	.twoImagesButtons .button {
		border: 1px solid #fff;
	}
	.twoImagesButtons.left {
		align-items: center;
	}
	.twoImagesButtons.right {
		align-items: center;
	}
	.spacedButtons {
		position: relative;
		transform: none;
	}
	.spacedButtons .button {
		border: 1px solid #fff;
	}
	.spacedButtons.left {
		align-items: center;
	}
	.spacedButtons.right {
		align-items: center;
	}
}

@media only screen and
	(min-width : 0) and
	(max-width : 640px)
{
	.buttons {
		max-width: 100%;
	}
	.button {
		display: table;
		margin: 0;
	}
	.button.button1 {
		font-size: 14pt;
	}
	.button.button2 {
		font-size: 14pt;
	}
	.noDescriptionLargeImage {
		width: 95%;
		margin: 0 auto;
	}
	.noDescriptionSmallImage {
		display: none;
	}
	.noDescriptionButtons {
		position: relative;
		flex-direction: row;
		justify-content: space-between;
		margin: 4vmin 0 2vmin;
	}
	/* Hack to make space-between behave like space-evenly on unsupported browsers */
	.noDescriptionButtons::before, .noDescriptionButtons::after {
		content: '';
	}
	.noDescriptionButtons .button {
		border: 1px solid #fff;
	}
	.crossDisplay.reverseOnMobile {
		display: flex;
		flex-direction: column-reverse;
	}
	.crossRow {
		flex-direction: column;
	}
	.crossRow.reverse {
		flex-direction: column;
	}
	.crossDescription {
		width: 95%;
		margin-bottom: 2vmin;
	}
	.crossImage {
		width: 95%;
	}
	.crossButtons {
		position: relative;
		transform: none;
		flex-direction: row;
		justify-content: space-between;
		margin: 4vmin 0;
	}
	/* Hack to make space-between behave like space-evenly on unsupported browsers */
	.crossButtons::before, .crossButtons::after {
		content: '';
	}
	.crossButtons .button {
		border: 1px solid #fff;
	}
	.defaultDisplay {
		flex-direction: column;
	}
	.defaultDisplay.reverse {
		flex-direction: column;
	}
	.defaultContainer {
		width: 95%;
	}
	.defaultDescription {
		width: 95%;
		margin-bottom: 2vmin;
	}
	.defaultButtons {
		position: relative;
		transform: none;
		flex-direction: row;
		justify-content: space-between;
		margin: 4vmin 0;
	}
	/* Hack to make space-between behave like space-evenly on unsupported browsers */
	.defaultButtons::before, .defaultButtons::after {
		content: '';
	}
	.defaultButtons .button {
		border: 1px solid #fff;
	}
	.twoImagesDisplay {
		flex-direction: column;
	}
	.twoImagesDisplay.reverse {
		flex-direction: column;
	}
	.twoImagesContainer {
		width: 95%;
	}
	.twoImagesSmallImage {
		display: none;
	}
	.twoImagesButtons {
		flex-direction: row;
		justify-content: space-between;
		margin: 4vmin 0;
	}
	/* Hack to make space-between behave like space-evenly on unsupported browsers */
	.twoImagesButtons::before, .twoImagesButtons::after {
		content: '';
	}
	.spacedDisplay {
		flex-direction: column;
	}
	.spacedDisplay.reverse {
		flex-direction: column;
	}
	.spacedContainer {
		width: 95%;
	}
	.spacedDescription {
		width: 95%;
		margin-bottom: 2vmin;
	}
	.spacedImage {
		display: none;
	}
	.spacedButtons {
		flex-direction: row;
		justify-content: space-between;
		margin: 4vmin 0;
	}
	/* Hack to make space-between behave like space-evenly on unsupported browsers */
	.spacedButtons::before, .spacedButtons::after {
		content: '';
	}
	.calculatorContainer {
		width: 70%;
	}
	.calculatorImage {
		display: none;
	}
	.blankDisplay {
		display: inline-block;
	}
}