body {
	max-width: 500px;
	width: 100%;
	margin: auto;
	background-color: white;
	font-size: 16px;
	font-weight: 300;
	font-family: sans-serif;
	color: black;
	text-align: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	    -ms-flex-direction: column;
  	        flex-direction: column;
  	height: 100vh;
}
.content {-webkit-box-flex: 1;-ms-flex: 1 0 auto;flex: 1 0 auto;}
section {margin: 1.5em;}
footer {
	margin-top: 1.5em;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
header {
	max-width: 500px;
	width: 100%;
	top: 0em;
	background-color: white;
	position: fixed;
	z-index: 9999;
	height: 3em;
}
nav {margin: .75em;}
a {
	text-decoration: none;
	text-align: center;
	color: black;
}
/* visited link */
a:visited {color: black;}
/* mouse over and selected link */
a:hover, a:active {color: #D40000; -webkit-transition: color 0.3s ease; transition: color 0.3s ease;}
a.pdf-button {
	margin: 0;
	padding: 0.35em 0.5em;
	background: #950000;
	color: white;
	line-height: 200%;
	border-style: solid;
	border-width: 1px;
	border-color: #950000;
  	border-radius: 2px;
  	cursor: pointer;
}
a.pdf-button:hover {
	background: silver;
	color: black;
	border-style: solid;
	border-width: 1px;
	border-color: black;
}
a.website-link {color: silver;}
a.website-link:hover, a.website-link:active {color: #D40000;}
.underlined-text {text-decoration: underline;}
a.order-button {
	margin: 0;
	padding: 0.5em 0.6em;
	background: #D40000;
	color: white;
	font-weight: 400;
  	letter-spacing: .09em;
  	text-transform: uppercase;
  	text-shadow: 1px 1px 2px #000000;
	line-height: 200%;
	border-style: solid;
	border-width: 1px;
	border-color: #950000;
  	border-radius: 2px;
  	cursor: pointer;
}
a.order-button:hover {
	background: silver;
	color: black;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	text-shadow: none;
}
section {padding-top: .5em; padding-bottom: .5em;}
aside.red-background {background-color: #950000; color: white; padding: 1.5em;}
h2 {
	font-size: 120%;
	margin-top: .5em;
	margin-bottom: .5em;
	border-radius: 2px;
	font-weight: 300;
  	letter-spacing: .09em;
  	text-transform: uppercase;
  	text-align: left;
}
h3 {font-size: 120%; margin: 0; font-weight: 600; text-align: left;}
p {line-height:1.2;}
ul {line-height: 150%; text-align: left;}
ul.flex-container-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row nowrap;
	        flex-flow: row nowrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin: 0;
	padding: 0;
}
li.nav-flex {
	display: inline-block;
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 auto;
	        flex: 0 1 auto;
	font-size: 120%;
	font-weight: 300;
}
#logo {
	margin-left: auto;
	margin-right: auto;
	padding-top: 5em;
	padding-bottom: 1em;
	max-width: 60%;
	width: 100%;
	display: block;
}
.centred-text {text-align: center;}

/*------FLEXBOX FORM------*/

.flex-container-form {
  	width: 80%;
  	max-width: 500px;
  	margin: 0 auto;
}
.flex-container-form * {
  	-webkit-box-sizing: border-box;
  	        box-sizing: border-box;
}
.flex-form {
  	list-style-type: none;
  	padding: 0;
  	max-width: 480px;
  	margin: 0 auto;
}
.flex-form li {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
  	-ms-flex-wrap: wrap;
  	    flex-wrap: wrap;
  	-webkit-box-align: center;
  	    -ms-flex-align: center;
  	        align-items: center;
}
.flex-form > li:not(:last-child) {
  	margin-bottom: 1.5em;
}
.flex-form li label,
.flex-form li p {
  	padding: .5em;
  	font-weight: 300;
  	letter-spacing: .09em;
  	text-transform: uppercase;
}
.flex-form > li > label,
.flex-form li p {
  	-webkit-box-flex: 1;
  	    -ms-flex: 1 0 120px;
  	        flex: 1 0 120px;
  	max-width: 220px;
}
.flex-form > li > label + * {
  	-webkit-box-flex: 1;
  	    -ms-flex: 1 0 220px;
  	        flex: 1 0 220px;
  	font-size: 80%;
  	padding: .5em;
  	border: none;
}
.flex-form li p {
  	margin: 0;
}
.flex-form li textarea {
	font-family: sans-serif;
	font-size: 80%;
	padding: .5em;
	border: none;
	width: 100%;
}
.flex-form li select {
	width: 100%;
}
.flex-form > li > label + div {
	font-size: 100%;
	padding: 0;
}
.addr-note {
	font-size: 80%;
}
button {
  	margin-left: auto;
  	margin-bottom: 1em;
 	padding: .5em 1em;
  	border-style: solid;
	border-width: 1px;
	border-color: black;
  	background: black;
  	color: white;
  	font: inherit;
  	text-transform: uppercase;
  	letter-spacing: .09em;
  	border-radius: 2px;
  	cursor: pointer;
}

/*------END OF FLEXBOX FORM------*/

button:hover {
	background: silver;
	color: black;
	border-style: solid;
	border-width: 1px;
	border-color: black;
}
.review-order-container {
	width: 85%;
  	max-width: 500px;
  	margin: 0 auto;
  	background: white; 
    padding: .01em 1em .01em 1em;
}
#review-order-link {color: black;}
.review-order-div {
	margin: 2em auto 3em auto;
	text-align: left;
}
.review-order-titles {
	text-transform: uppercase;
	color: #D40000; 
  	font-weight: 600; 
  	letter-spacing: .05em;
}
.review-order-details { 
  	color: black;
}
.table-padding {padding-left: 1em;}
.price-right-align {text-align: right; padding-left: 1em;}
#review-order-link a {color: black; text-decoration: underline;}
#review-order-link a:visited{color: black;}
#review-order-link a:hover, #review-order-link a:active {color: #D40000;}
.red-background a {color: white; text-decoration: underline;}
.red-background a:visited {color: white;}
.red-background a:hover, .red-background a:active {color: black;}
.button-submit {
	margin: 0 auto;
}
.button-small {
	margin: 1em auto 0 auto;
 	padding: .5em 1em;
  	border-style: solid;
  	border-color: #3C3C3C;
  	border-width: 1px;
  	background: #505050;
  	color: white;
  	font-size: 60%;
  	text-transform: uppercase;
  	letter-spacing: .09em;
  	border-radius: 2px;
  	display: inline;
}
.button-delete {
	margin: .5em auto 0 auto;
 	padding: .5em 1em;
  	background: #660000;
  	border-style: solid;
  	border-color: #4D0000;
  	border-width: 1px;
  	color: white;
  	font-size: 60%;
  	text-transform: uppercase;
  	letter-spacing: .09em;
  	border-radius: 2px;
  	display: inline;
}
.mobile-photo {
	max-width: 500px;
	width: 100%;
	margin: 0;
	display: block;
}
aside.imgs {width: 100%;}
.align-B {
	width: 47%;
	float: right;
	margin-left: 5%;
}
.mobile-vid {
	margin: 0 1.5em 1.5em 1.5em;
	max-width: 452px;
	min-width: 232px;
	width: calc(100% - 3em);
}
.clear {
	clear: both;
}
.clearfix {
	overflow: auto;
}
span.thispage {
	color: #D40000;
	font-weight: 700;
}
ul.social {
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row nowrap;
	        flex-flow: row nowrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 0;
	padding: 0;
}
path {-webkit-transition: fill .3s ease;transition: fill .3s ease;}
.icon {
	width: 2.5em;
	height: 2.5em;
	display: inline-block;
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 auto;
	        flex: 0 1 auto;
	margin: 0 .75em 1em .75em;
}
svg {fill: black;}
svg.icon:visited {fill: black;}
svg.icon:hover, svg.icon:active {fill: #D40000;}
#legal {
	font-size: 60%;
	padding: 1.5em;
	width: calc(100% - 3em);
}
.taxnote {
	color: #000;
	font-size: 60%;
	padding: 1em 0 1em 0;
}
.website {
	background-color: black;
	font-size: 60%;
	text-align: center;
	color: silver; 
	padding-top: 1em;
	padding-bottom: 1em;
}
.brochure-example-div {
	width: 60%;
  	max-width: 300px;
  	margin: 1em auto;
}
.brochure-example {
	padding: 0;
  	max-width: 300px;
  	width: 100%;
  	margin: 0 auto;
  	max-height: 90%;
  	height: 100%;
}
.error {
	color: red;
	padding: 1em 2em 1em 2em;
	background-color: #ffcccc;
	border-color: red;
	border-style: solid;
	margin: 0 auto;
	text-align: center;
	max-width: 500px;
	width: 60%;
	margin-bottom: 2em;
}
.error-offset {
	height: 3em;
}
#card-errors {
	display: none;
	color: red;
	padding: 1em 2em 1em 2em;
	background-color: #ffcccc;
	border-color: red;
	border-style: solid;
	margin: 0 auto;
	text-align: center;
}
#card-element {
	background-color: #ffffff;
	border-color: black;
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	padding: 2px;
}

.submitted {
	color: green;
	padding: 0 .5em 0 .5em;
	background-color: #ccffcc;
	border-color: green;
	border-style: solid;
	margin: 0 auto;
	text-align: center;
	max-width: 200px;
	width: 60%;
	margin-top: 1em;
}
.order-centred-form-text {text-align: center; color: black;}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.terms-conditions-text {
	margin: 3em auto;
	width: 70%;
}
.terms-conditions-text {text-align: left;}
.terms-conditions-text p {margin-bottom: 2em;}
.terms-conditions-text h2 {margin-bottom: 2em;}
.prototype-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	margin: 0;
	max-width: 500px;
	width: 100%;
	}
.prototype-child {
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 auto;
	        flex: 0 1 auto;
	margin: 0;
	max-width: 50%;
	min-width: 0;
	width: 100%;
}
.prototype-child img {
	display: block;
	height: 100%;
	width: 100%;
}
#prototype-text {
	margin: 0 auto;
	text-align: center;
	width: 90%;
	font-size: 120%;
	font-weight: 300;
  	letter-spacing: .09em;
  	text-transform: uppercase;
}
.caption {line-height: 140%}


/**----- Mobile fly out menu -----**/

#menuToggle {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	z-index: 5;
	-webkit-user-select: none;
	-moz-user-select: none;
	 -ms-user-select: none;
	     user-select: none;
}
#menuToggle input {
	display: block;
	width: 40px;
	height: 32px;
	position: absolute;
	top: -7px;
	left: -5px;
	cursor: pointer;
	opacity: 0;
	z-index: 2;
	-webkit-touch-callout: none;
}
#menuToggle span {
	display: block;
	width: 33px;
	height: 4px;
	margin-bottom: 5px;
	position: relative;
	background: black;
	border-radius: 3px;
	z-index: 1;
	-webkit-transform-origin: 4px 0px;
	        transform-origin: 4px 0px;
	-webkit-transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	          opacity 0.55s ease,
	          -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	transition: background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	          opacity 0.55s ease,
	          -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	          background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	          opacity 0.55s ease;
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	          background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	          opacity 0.55s ease,
	          -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}
#menuToggle span:first-child {
	-webkit-transform-origin: 0% 0%;
	        transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2) {
	-webkit-transform-origin: 0% 100%;
	        transform-origin: 0% 100%;
}
#menuToggle input:checked ~ span {
	opacity: 1;
	-webkit-transform: rotate(45deg) translate(-2px, -1px);
	        transform: rotate(45deg) translate(-2px, -1px);
	background: white;
}
#menuToggle input:checked ~ span:nth-last-child(3) {
	opacity: 0;
	-webkit-transform: rotate(0deg) scale(0.2, 0.2);
	        transform: rotate(0deg) scale(0.2, 0.2);
}
#menuToggle input:checked ~ span:nth-last-child(2) {
	-webkit-transform: rotate(-45deg) translate(0, -1px);
	        transform: rotate(-45deg) translate(0, -1px);
}
#menu {
	position: absolute;
	width: calc(100% - 10px);
	margin: -100px 0 0 -50px;
	padding: 50px;
	padding-top: 100px;
	background: rgb(0,0,0);
	background: rgba(0,0,0,.85);
	list-style-type: none;
	-webkit-font-smoothing: antialiased;
	-webkit-transform-origin: 0% 0%;
	        transform-origin: 0% 0%;
	-webkit-transform: translate(-100%, 0);
	        transform: translate(-100%, 0);
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	transition: -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}
#menu a {
	text-decoration: none;
	color: white;
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
}
#menu a:hover {color: #D40000}
#menu li {
	padding: 10px 0;
	font-size: 120%;
	font-weight: 500;
}
#menuToggle input:checked ~ ul {-webkit-transform: none;transform: none;}
#menu-text {
	position: fixed;
	right: .75em;
	top: .75em;
	max-width: 50%;
	font-size: 120%;
	font-weight: 300;
	top: .65em;
	left: 2.5em;
	z-index: 6;
}
#menu-text label {
	cursor: pointer;
}
/**----- end of flyout menu -----**/

#menu-title {
	z-index: 1;
	position: fixed;
	right: .75em;
	top: .65em;
	max-width: 50%;
	font-size: 120%;
	font-weight: bold;
}
#sticker {
	margin-left: auto;
	margin-right: auto;
	padding-top: 0;
	padding-bottom: 2em;
	max-width: 350px;
	width: 60%;
	display: block;
}



@media(max-width:500px){
	html{font-size: 120%;}
	.centred {text-align: center;}
	#navigation {display: none;}
	#social-LRG {display: none;}
	.full-width-photo-900 {display: none;}
	.margin-900 {display: none;}
	.logo-background {background-image: none;}
	.photo-1366m {display: none;}
	.video-align-B {display: none;}
	.align-B {display: none;}
	#enquiries-vertical-align {display: none;}
	.ENQ-text .why-text {display: inline-block; text-align: left;}
	.flex-vertical-align {display: none;}
	.flex-index-container {display: none;}
	.flex-why-container {display: none;}
	.flex-data-container {display: none;}
	img.video-VA-child {display: none;}
	.video-VA-child div.video-container {display: none;}
	aside.red-background img {display: none;}
	.large-only-edit-loc {display: none;}
	#why-efab-900-plus {display: none;}
	#mob-white-background {
		background: white;
		margin: 1.5em;
		color: black;
		padding: .5em 0 .5em 0;
	}
	#mob-white-background-why {
		background: white;
		margin: 1.5em;
		color: black;
		padding: .5em 0 .5em 0;
	}
}

@media(max-width: 600px) {
	.break {display: none;}
}

@media(max-width: 400px){
	.break-mobile {display: none;}
}

@media(min-width: 600px) {
	.break-mobile {display: none;}
}


@media(min-width: 501px) and (max-width: 900px){
	html{font-size: 100%;}
	body {text-align: justify;}
	.align-B {display: none;}
	#navigation {display: none;}
	.flex-index-container {display: none;}
	.flex-data-container {display: none;}
	.ENQ-text {display: inline-block; text-align: center; margin: 0 auto; width: calc(100% - 2em); padding-left: 1em; padding-right: 1em;}
	#social-LRG {display: none;}
	#enquiries-vertical-align {display: none;}
	.mobile-photo {display: none;}
	.mobile-vid {margin: 0 6em 4em 6em; width: calc(100% - 12em); max-width: calc(900px - 12em);}
	.photo-1366m {display: none;}
	.flex-vertical-align {display: none;}
	.flex-why-container {display: none;}
	#why-efab-900-plus {display: none;}
	.who-text {
		max-width: 430px;
		width: 100%;
		text-align: justify;
		margin: 0 auto;
	}
	.prototype-container {
		max-width: 708px;
	}
	img.video-VA-child {
		max-width: calc(100% - 8em);
		min-width: 0;
		width: 100%;
		padding: 0;
		margin: 1.5em 4em 0 4em;
	}
	.video-VA-parent {margin-bottom: 1em;}
	.video-VA-child div.video-container {display: none;}
	.full-width-photo-900 {
		max-width: 900px;
		width: 100%;
	}
	.full-width-photo-900m {
		max-width: 708px;
		width: calc(100% - 6em);
		margin: 0 3em;
	}
	.margin-900 {margin: 3em;}
	ul.flex-container-nav {
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		margin: auto 0;
		padding: 0;
		height: 100%;
	}
	li.nav-flex {
		position: relative;
		font-size: 120%;
		font-weight: 300;
		margin-left: 2em;
		text-align: right;
	}
	header, body, main, nav {
	max-width: 900px;
	width: 100%;
	}
	nav {margin: auto;}
	section {margin: 3em;}
	aside.red-background {padding: 2em 3em 2em 3em; max-width: 804px; width: calc(100% - 6em); margin-left: 0;}
	.flex-container-form {
	  	width: 80%;
	  	max-width: 900px;
	  	margin: 0 auto;
	}
	div.logo-space {
		height: 170px;
		position: static;
		padding-top: 3em;
	}
   	div.logo-background { 
   		background-image: url(/images/medium/E-Fab-MED_1x.jpg);
   		background-size: 100%;
   		background-repeat: no-repeat;
   		background-position: bottom;
   		height: 100%;
   		position: static;
   		z-index: -5;
   	}
   	#logo {
   		z-index: 9;
   		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
   		max-width: 25%;
   		padding: 2em;
   		float: left;
   	}
   	#Spec-center ul {
   		width: 50%;
   		margin: auto;
   	}
   	.order-centred-text {text-align: center;}
   	.order-text {
   		padding: 3em 0 3em 0;
   		max-width: 65%;
   		width: 100%;
   		margin: auto;
   	}
   	.large-only-edit-loc {display: none;}
   	.review-order-container {
	  	max-width: 500px;
	  	margin: 0 auto;
	  	background: white; 
      	padding: 1em 2em 1em 2em;
	}
	aside.red-background img {display: none;}
	#menuToggle {
		top: .75em;
		left: .75em;
	}
	#menu {
		width: 200px;
	}
	#menu li {
		text-align: left;
		padding-left: 2.5em;
	}
	.table-padding {padding-left: 2em;}
	.price-right-align {padding-left: 2em;}
}

@media (-webkit-min-device-pixel-ratio:2) and (min-width:501px) and (max-width:900px), (min-resolution:192dpi) and (min-width:501px) and (max-width:900px) {
    div.logo-background {background-image: url(/images/medium/E-Fab-MED_2x.jpg);}
}




@media(min-width: 901px) and (max-width: 1365px){
	html{font-size: 100%;}
	body {max-width: 1366px; width: 100%; text-align: justify;}
	header, main, nav {max-width: 1366px; width: 100%;}
	nav {margin: auto; height: 3em;}
	section {margin: 3em; position: static;}
	aside.red-background {padding: 2em 0 2em 0; max-width: 1366px; width: 100%; margin: auto; text-align: center;}
	#menuToggle {display: none;}
	#menu-text {display: none;}
	#why-EFAB-mob-text {display: none;}
	.full-width-photo-900 {display: none;}
	.margin-900 {display: none;}
	.full-width-photo-900m {display: none;}
	.photo-1366m {max-width: 1270px; width: calc(100% - 6em); margin: 0 3em 3em 3em;}
	.mobile-photo {display: none;}
	.mobile-vid {display: none;}
	#menu-title {display: none;}
	.ENQ-text {display: none;}
	.why-text {display: none;}
	#social {display: none;}
	.centred-list {width: 22%; margin: auto;}
	#social-LRG {position: fixed; top: .75em; left: 0; width: 15em; height: 2.25em; z-index: 10;}
	#navigation {max-width: 900px; width: 90%; margin-right: 1em; position: fixed; top: .75em; right:0; text-align: right; z-index: 9;}
	.order-text {display: none;}
	.order-centred-text {display: none;}
	.who-text {
		max-width: 430px;
		width: 100%;
		text-align: justify;
		margin: 0 auto;
	}
	.prototype-container {
		max-width: 597px;
	}
	ul.flex-container-nav {
		display: inline;
		padding: 0;
		height: 100%;
	}
	li.nav-flex {
		font-size: 120%;
		font-weight: 300;
		margin-left: 1.5em;
		text-align: right;
	}
	ul.social {
		display: inline;
		margin: auto 0 auto 1em;
		padding: 0;
		height: 100%
	}
	ul.social li {
		display: inline;
		line-height: 100%;
		margin-right: 1em;
	}
	svg.icon {
		margin: 0;
		width: 1.5em;
		height: 1.5em;
		display: inline;
	}
   	div.logo-space {
		height: 270px;
		position: static;
		padding-top: 3em;
	}
   	div.logo-background { 
   		background-image: url(/images/large/E-Fab-LRG_1x.jpg);
   		background-size: 100%;
   		background-repeat: no-repeat;
   		background-position: bottom;
   		height: 100%;
   		position: static;
   		z-index: -5;
   	}
   	#logo {
   		z-index: 9;
   		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
   		max-width: 25%;
   		padding: 2em;
   		float: left;
   		margin-left: 2em;
   	}
	#Spec-center ul {
   		width: 22%;
   		margin: auto;
   	}
   	.flex-index-container {
   		display: -webkit-box;
   		display: -ms-flexbox;
   		display: flex;
   		-webkit-box-pack: center;
   		    -ms-flex-pack: center;
   		        justify-content: center;
   		-webkit-box-orient: horizontal;
   		-webkit-box-direction: normal;
   		    -ms-flex-flow: row nowrap;
   		        flex-flow: row nowrap;
   	}
   	.flex-index-child {
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 auto;
		        flex: 0 1 auto;
		max-width: 500px;
		min-width: 0;
		width: calc(50% - 3em);
		padding: 0 .25em;
	}
	.flex-index-child img {
		height: 100%;
		width: 100%;
	}
	.flex-data-container {
   		display: -webkit-box;
   		display: -ms-flexbox;
   		display: flex;
		-webkit-box-align: top;
		    -ms-flex-align: top;
		        align-items: top;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row nowrap;
		        flex-flow: row nowrap;
		margin: 1 3em 2em 3em;
		max-width: 1270px;
		width: calc(100% - 6em);
   	}
	.flex-why-container {
   		display: -webkit-box;
   		display: -ms-flexbox;
   		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row nowrap;
		        flex-flow: row nowrap;
		margin: 1 3em 2em 3em;
		max-width: 1270px;
		width: calc(100% - 6em);
   	}
   	.flex-why-child {
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 auto;
		        flex: 0 1 auto;
		margin: 0 1em;
		max-width: 500px;
		min-width: 0;
		width: calc(50% - 3em);
	}
	.flex-why-child img {
		height: 100%;
		width: 100%;
	}
   	.flex-vertical-align {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row nowrap;
		        flex-flow: row nowrap;
		margin: 3em;
		max-width: 1270px;
		width: calc(100% - 6em);
	}
	.order-vertical-align-form {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row nowrap;
		        flex-flow: row nowrap;
		margin: 3em;
		max-width: 1270px;
		width: calc(100% - 6em);
	}
	.brochure-example {min-width: 0; max-width: calc(100% - 1em); width: 100%; max-height: initial; height: auto;}
	.flex-VA-child {
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 auto;
		        flex: 0 1 auto;
		max-width: 635px;
		min-width: 0;
		width: 100%;
		padding: 0 5em 0 5em;
	}
	.flex-VA-child img {
		height: 100%;
		width: 100%;
	}
	.video-VA-parent {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row nowrap;
		        flex-flow: row nowrap;
		margin: 3em;
		max-width: 1270px;
		width: calc(100% - 6em);
	}
	.video-VA-child {
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 auto;
		        flex: 0 1 auto;
		max-width: 635px;
		min-width: 0;
		width: 100%;
		padding: 0 0 0 1em;
	}
	#why-efab-900-plus p {text-align: justify;}
	.margin-sides {margin: 0 2em; padding: 0;}
	.data-sheets {
		max-width: 570px;
		margin: 2em auto;
	}
	.review-order-container { 
      max-width: 500px; 
      margin: 0 auto; 
      background: white; 
      padding: .1em 3em .1em 3em;
  	}
  	.table-padding {padding-left: 3em;}
	.price-right-align {padding-left: 3em;}
}


@media(min-width: 1366px) {
	body {max-width: 1366px; margin: auto; text-align: justify;}
	#menuToggle {display: none;}
	#menu-text {display: none;}
	#why-EFAB-mob-text {display: none;}
	.mobile-photo {display: none;}
	.mobile-vid {display: none;}
	.ENQ-text {display: none;}
	.why-text {display: none;}
	html{font-size: 100%;}
	header, main, nav {max-width: 1366px; width: 100%;}
	nav {margin: auto;}
	section, aside.imgs {margin: 3em; position: static;}
	aside.red-background {padding: 2em 0 2em 0; max-width: 1366px; width: 100%; margin: auto; text-align: center;}
	.full-width-photo-900 {display: none;}
	.full-width-photo-900m {display: none;}
	.margin-900 {display: none;}
	.photo-1366m {width: 1270px; margin: 0 auto 3em auto;}
	.mobile-photo {display: none;}
	.mobile-vid {display: none;}
	#menu-title {display: none;}
	#social {display: none;}
	.centred-list {width: 20%; margin: auto;}
	#social-LRG {position: fixed; top: .75em; width: 15em; height: 2.25em; z-index: 10;}
	#navigation {max-width: 1350px; width: 100%; position: fixed; top: .75em; text-align: right; float: right; height: 3em; z-index: 9;}
	.order-centred-text {display: none;}
	.order-text {display: none;}
	.who-text {
		max-width: 430px;
		width: 100%;
		text-align: justify;
		margin: 0 auto;
	}
	.prototype-container {
		max-width: 597px;
	}
	ul.flex-container-nav {
		display: inline;
		padding: 0;
		height: 100%;
	}
	li.nav-flex {
		font-size: 120%;
		font-weight: 300;
		margin-left: 1.5em;
		text-align: right;
	}
	ul.social {
		display: inline;
		margin: auto 0 auto 1em;
		padding: 0;
		height: 100%
	}
	ul.social li {
		display: inline;
		line-height: 100%;
		margin-right: 1em;
	}
	svg.icon {
		margin: 0;
		width: 1.5em;
		height: 1.5em;
		display: inline;
	}
   	div.logo-space {
		height: 270px;
		position: static;
		padding-top: 3em;
	}
   	div.logo-background { 
   		background-image: url(/images/large+/E-Fab-LRG+_1x.jpg);
   		background-size: cover;
   		background-repeat: no-repeat;
   		background-position: center center;
   		height: 100%;
   		position: static;
   		z-index: -5;
   	}
   	#logo {
   		z-index: 9;
   		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
		width: 100%;
   		max-width: 341.25px;
   		padding: 2em;
   		float: left;
   		margin-left: 2em;
   	}
	
	#Spec-center ul {
   		width: 18%;
   		margin: auto;
   	}

   	.order-text {
   		padding: 3em 0 3em 0;
   		width: 45%;
   		margin: auto;
   	}
   	.flex-index-container {
   		display: -webkit-box;
   		display: -ms-flexbox;
   		display: flex;
   		-webkit-box-pack: center;
   		    -ms-flex-pack: center;
   		        justify-content: center;
   		-webkit-box-orient: horizontal;
   		-webkit-box-direction: normal;
   		    -ms-flex-flow: row nowrap;
   		        flex-flow: row nowrap;
   	}
   	.flex-index-child {
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 auto;
		        flex: 0 1 auto;
		max-width: 500px;
		min-width: 0;
		width: calc(50% - 3em);
		padding: 0 .25em;
	}
	.flex-index-child img {
		height: 100%;
		width: 100%;
	}
	.flex-data-container {
   		display: -webkit-box;
   		display: -ms-flexbox;
   		display: flex;
		-webkit-box-align: top;
		    -ms-flex-align: top;
		        align-items: top;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row nowrap;
		        flex-flow: row nowrap;
		margin: 1 3em 2em 3em;
		max-width: 1270px;
		width: calc(100% - 6em);
   	}
	.flex-why-container {
   		display: -webkit-box;
   		display: -ms-flexbox;
   		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row nowrap;
		        flex-flow: row nowrap;
		margin: 1em auto 2em auto;
		max-width: 1270px;
		width: calc(100% - 6em);
   	}
   	.flex-why-child {
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 auto;
		        flex: 0 1 auto;
		margin: 0 1em;
		max-width: 500px;
		min-width: 0;
		width: calc(50% - 3em);
	}
	.flex-why-child img {
		height: 100%;
		width: 100%;
	}
   	.flex-vertical-align {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row nowrap;
		        flex-flow: row nowrap;
		margin: 3em auto;
		max-width: 1270px;
		width: calc(100% - 6em);
	}
	.order-vertical-align-form {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row nowrap;
		        flex-flow: row nowrap;
		margin: 3em;
		max-width: 1270px;
		width: calc(100% - 6em);
	}
	.brochure-example {min-width: 0; max-width: calc(100% - 10em); width: 100%; max-height: initial; height: auto;}
	.flex-VA-child {
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 auto;
		        flex: 0 1 auto;
		max-width: 635px;
		min-width: 0;
		width: 100%;
		padding: 0 5em 0 5em;
	}
	.flex-VA-child img {
		height: 100%;
		width: 100%;
	}
	#hide {display: none;}
	.video-VA-parent {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row nowrap;
		        flex-flow: row nowrap;
		margin: 3em auto;
		max-width: 1270px;
		width: calc(100% - 6em);
	}
	.video-VA-child {
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 auto;
		        flex: 0 1 auto;
		max-width: 635px;
		min-width: 0;
		width: 100%;
		padding: 0 0 0 1em;
	}
	#why-efab-900-plus p {text-align: justify;}
	.testing-text {padding-top: 2em;}
	.margin-sides {margin: 0 2em; padding: 0;}
	.data-sheets {
		max-width: 570px;
		margin: 2em auto;
	}
	.review-order-container { 
      max-width: 500px; 
      margin: 0 auto; 
      background: white; 
      padding: .1em 3em .1em 3em;
  	}
  	.table-padding {padding-left: 3em;}
	.price-right-align {padding-left: 3em;}
	#legal {text-align: center;}
}

@media (-webkit-min-device-pixel-ratio:2) and (min-width:901px), (min-resolution:192dpi) and (min-width:901px) {
    div.logo-background {background-image: url(/images/large/E-Fab-LRG_2x.jpg);}
}
@media (-webkit-min-device-pixel-ratio:2) and (min-width:1366px), (min-resolution:192dpi) and (min-width:1366px) {
    div.logo-background {background-image: url(/images/large+/E-Fab-LRG+_2x.jpg);}
}