@charset "UTF-8";
/*CSS DOCUMENT*/

/*LAYOUT*/
/*LAYOUT > RESET*/
body, header, nav, section, aside, footer {display:block;}
html, body, div, section, article, aside, header, footer, nav, h1, h2, h3, h4, h5, h6, p, span, em, strong, img, ol, ul, li {
margin:0;padding:0;border:0;vertical-align:baseline;font:inherit;/*Being utilised*/}
blockquote, address, time, figure, canvas, video, th, td, tr {
margin:0;padding:0;border:0;vertical-align:baseline;font:inherit;/*Not being utilised*/}
dl, dt, dd, ul, li {padding:0;margin:0;text-decoration:none;list-style:none;}
/*LAYOUT > HIDDEN CONTENT*/
.hiddenForStyling, .skipLink {position:absolute;left:-20000em;top:-20000em;display:none;}
/*LAYOUT > POSITION*/
#pageMainHeader, #pageMainNav, #pageFooter, .styleCopyrightInfo, #legalInfo {position:fixed;}
#pageMainHeader h1 {position:relative;top:0.75em;left:-0.6em;}
#pageMainNav {top:3.5em;right:-1.1em;}
#pageFooter {bottom:0;}
a {position:relative;}
.styleCopyrightInfo {right:10%;}
/*LAYOUT > Z-INDEX*/
body {z-index:0;}
#pageMainHeader, #pageFooter {z-index:20;}
#pageContentContainer {z-index:10;}
a {z-index:5;}
/*LAYOUT > DISPLAY*/
#pageMainHeader h1, #pageMainNav a {display:inline-block;}
#pageMainNav li {display:inline;} 
p.t > span:nth-child(3) {display:none;}
p.e > span:nth-child(1), p.e > span:nth-child(2), p.e > span:nth-child(3) {display:none;}
/*LAYOUT > FLOATS AND CLEARING*/
h1, h2, h3, h4, h5, p {float:left;clear:both;}
#pageMainNav ul, #legalInfo, .section2Right {float:right;}
#articleContent h3, #pageFooter ul, #pageFooter li {float:left;}
#asideContent {clear:both;}
/*LAYOUT > FLOATS AND CLEARING > CLEARFIX*/
/*Updated again... "group" class name is nicer and more semantic (via Dan Cederholm). Content property doesn't even need the space, can be empty string (via Nicolas Gallagher). Without any text, font-size is un-needed (Chris Coyier). http://css-tricks.com/snippets/css/clear-fix/ */
.group:after {visibility:hidden;display:block;content:"";clear:both;height:0;}
html .group {zoom:1;}/*IE6*/
:first-child+html .group {zoom:1;}/*IE7*/
/*LAYOUT > WIDTH AND HEIGHT*/
html, body {width:100%;height:100%;}
#pageMainHeader {width:100%;height:7.25em;}/*Responsive*/
#pageFooter {width:80%;height:3.25em;}
#pageMainNav {width:100%;}
#pageContentContainer {min-height:70%;overflow:auto;}
.styleCopyrightInfo {width:50%;}
/*LAYOUT > PADDING AND MARGINS*/
body, #articleContent {margin:0 auto;}
/*LAYOUT > PADDING AND MARGINS > HEADER*/
#pageMainHeader {padding:0 0 0 0;}/*Responsive*/
#pageMainHeader h1 {padding:2em 9.5em 1.5em 0.5em;}
/*LAYOUT > PADDING AND MARGINS > HEADER > NAVIGATION*/
#pageMainNav {margin:3em 0 0 0;padding:0 10% 0 0;}
#pageMainNav a {margin-left:5em;padding:0.45em 1.1em;}
/*LAYOUT > PADDING AND MARGINS > CONTAINER*/
#pageContentContainer {padding:15em 33.5% 0 33.5%;}/*Responsive*/
#articleContent h3 {margin-bottom:0.15em;padding-top:0.25em;}
#asideContent p {padding-top:0;}
#asideContent {margin-top:1em;}
#assideContent h4 {padding-bottom:0.25em;}
h4, h5 {padding-top:2em;}
h4 {padding-bottom:0.2em;}
.l {padding-bottom:0.5em;}
/*ICONS & LOGOS > CONTACT PAGE ICONS*/
.t {padding-left:1.75em;}
.e {padding-left:1.75em;}
.l {padding-left:1.75em;}
/*LAYOUT > PADDING AND MARGINS > FOOTER*/
#pageFooter {padding:0.25em 10% 1.75em 10%;}
#footerNav li {padding:1.4em 0em;margin-right:0.5em;}
#iconHome, #iconContact {padding:1em 1em 0 1em;}


/*WEB FONTS*/
@font-face {font-family:'CarroisGothic-Regular';
	src:  url("https://www.harvestdrift.co.za/fonts/CarroisGothic-Regular.eot"); /*IE9 Compat Modes*/
	src:  url("https://www.harvestdrift.co.za/fonts/CarroisGothic-Regular.eot?#iefix") format('embedded-opentype'), /*IE6-IE8*/
			  url("https://www.harvestdrift.co.za/fonts/CarroisGothic-Regular.woff") format('woff'), /*Modern Browsers*/
			  url("https://www.harvestdrift.co.za/fonts/CarroisGothic-Regular.woff2") format('woff2'), /*New Modern Browsers*/
			  url("https://www.harvestdrift.co.za/fonts/CarroisGothic-Regular.ttf") format('truetype'), /*Safari, Android, iOS*/
			  url("https://www.harvestdrift.co.za/fonts/CarroisGothic-Regular.otp") format('otp'), /*Modern MS Browsers*/
			  url("https://www.harvestdrift.co.za/fonts/CarroisGothic-Regular.svg#CarroisGothic-Regular") format('svg'); /*Legacy iOS*/
	font-weight:normal;
	font-style:normal;
	font-display:block;}

@font-face {font-family:'Amiri-Regular';
	src:  url("https://www.harvestdrift.co.za/fonts/Amiri-Regular.eot"); /*IE9 Compat Modes*/
	src:  url("https://www.harvestdrift.co.za/fonts/Amiri-Regular.eot?#iefix") format('embedded-opentype'), /*IE6-IE8*/
			  url("https://www.harvestdrift.co.za/fonts/Amiri-Regular.woff") format('woff'), /*Modern Browsers*/
			  url("https://www.harvestdrift.co.za/fonts/Amiri-Regular.woff2") format('woff2'), /*New Modern Browsers*/
			  url("https://www.harvestdrift.co.za/fonts/Amiri-Regular.ttf") format('truetype'), /*Safari, Android, iOS*/
			  url("https://www.harvestdrift.co.za/fonts/Amiri-Regular.otp") format('otp'), /*Modern MS Browsers*/
			  url("https://www.harvestdrift.co.za/fonts/Amiri-Regular.svg#Amiri-Regular") format('svg'); /*Legacy iOS*/
	font-weight:normal;
	font-style:normal;
	font-display:block;}


/*ICONS & LOGOS*/
/*ICONS & LOGOS > LOGO*/
#headerLinkLogo {background:url("https://www.harvestdrift.co.za/images/logo/logoHD.svg") no-repeat 0.5em 0.2em;background-size:90%;}
/*ICONS & LOGOS > CONTACT PAGE ICONS*/
.t {background:url("https://www.harvestdrift.co.za/images/icons/iconContactPhone.svg") no-repeat 0em 0.1em;background-size:11.5%;padding-left:1.75em;}
.e {background:url("https://www.harvestdrift.co.za/images/icons/iconContactMail.svg") no-repeat 0em 0.05em;background-size:10.5%;padding-left:1.75em;}
.l {background:url("https://www.harvestdrift.co.za/images/icons/iconContactLocation.svg") no-repeat -0.05em 0em;background-size:9.5%;padding-left:1.75em;}
/*ICONS & LOGOS > CONTACT ICONS*/
/*ICONS & LOGOS > HOME & CONTACT ICONS*/
#iconHome {background:url("https://www.harvestdrift.co.za/images/icons/iconHome.svg") no-repeat -2em -4em;background-size:290%;}
#iconContact {background:url("https://www.harvestdrift.co.za/images/icons/iconContact.svg") no-repeat -2em -4em;background-size:290%;}
/*ICONS & LOGOS > MOBILE MENU ICONS*/
.iconMobileMenu {background:url("https://www.harvestdrift.co.za/images/icons/iconMenuMobile.svg") no-repeat left top;background-size:100%;}


/*STYLING*/
/*STYLING > FONTS*/
/*STYLING > FONTS > FAMILIES*/
h1, h2, h3, h4, h5, h6, dt, .skipLink, #scrReadMessage, #toTopLink, dd {font-family:Amiri-Regular, Times New Roman, Times, serif;}
p, li {font-family:CarroisGothic-Regular, Verdana, Geneva, Tahoma, sans-serif;}
/*STYLING > FONTS > SIZES*/
h1, h2 {font-size:130%;}
h3 {font-size:185%;}/*165*/
h4 {font-size:120%;}
h5, h6, dt {font-size:100%;}
p {font-size:100%;} /*This is where we set the link size*/
li {font-size:90%;} /*This is where we set the link size*/
#iconHome, #iconContact {font-size:95%;} /*This is where we set the link size*/
#pageFooter p {font-size:80%;}
/*#toTopLink {font-size:70%;}*/ /*Currently not being utilised*/
/*STYLING > TEXT > LINE HEIGHT*/
h1, h2, h3, h4, h5, h6, ul, li, a, dl, dt, dd {line-height:1em;}
p {line-height:1.5em;}
/*STYLING > TEXT > TRANSFORM*/
h1, h2, h3, h4, h6 {text-transform:none;}
li, .styleCopyrightInfo {text-transform:uppercase;}
.upper {text-transform:uppercase;}
h5, dt,	#articleContent p, #toTopLink, #asideContent a {text-transform:none;}
p {text-transform:inherit;}
/*STYLING > TEXT > ALLIGNMENT*/
#articleContent p, #asideContent p {text-align:justify;}
.styleCopyrightInfo {text-align:right;}
/*STYLING > TEXT > OTHER*/
#pageMainNav {list-style:none;}
em {font-style:italic;}
strong {font-weight:bold;}
.underlinedText {text-decoration:underline;}
/*STYLING > TRANSITIONS
	a {
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.2s ease-in-out 0s;
	}*/
/*STYLING > ANIMATIONS*/
body {
	-webkit-animation:pageLoad 0.75s ease-in;
	-moz-animation:pageLoad 0.75s ease-in;
	-o-animation:pageLoad 0.75s ease-in;
	-ms-animation:pageLoad 0.75s ease-in;
	animation:pageLoad 0.75s ease-in;
}


/*STYLING > COLOURS SCHEME*/
/*STYLING > COLOURS SCHEME > BACKGROUNDS*/
#pageMainHeader, #pageFooter {background-color:#F5F5F5;/*white*/}
body, #pageContentContainer {background-color:#293939;/*dark-grey*/}
#pageMainNav {background-color:#D3D3D4;/*light-grey*/}
/*STYLING > COLOURS SCHEME > FONTS*/
h1, h2, h3, h4, h5 {color:#D3D3D4;/*white*/}
body p {color:#979e9e;/*light-grey*/}
#pageFooter p {color:#293939;/*dark-grey*/}
/*STYLING > COLOURS SCHEME > BORDERS*/
.l {border-bottom:0.1em solid #979e9e;}
#pageMainNav {border-bottom:0.1em solid #4E4E4E;}
/*STYLING > LINKS*/
/*STYLING > LINKS > MAIN NAV*/
a {text-decoration:none;color:#293939;}/*dark-grey*/
a:link {text-decoration:none;color:#293939;}/*dark-grey*/
a:visited {text-decoration:none;color:#293939;}/*dark-grey*/
a:hover {outline:0;text-decoration:none;color:#586565;}/*light-grey*/
a:active, li a#currentLink {outline:0;text-decoration:underline;color:#293939;}/*dark-grey*/
a:focus {outline:0;text-decoration:none;color:#586565;top:0.1em;left:0.1em;}/*light-grey*/
/*STYLING > LINKS > HEADER*/
a #headerLink {text-decoration:none;color:#293939;}/*dark-grey*/
a #headerLink:link {text-decoration:none;color:#293939;}/*dark-grey*/
a #headerLink:visited {text-decoration:none;color:#293939;}/*dark-grey*/
a #headerLink:hover {outline:0;text-decoration:none;color:#586565;}/*light-grey*/
a #headerLink:active {outline:0;text-decoration:none;color:#293939;}/*dark-grey*/
a #headerLink:focus {outline:0;text-decoration:none;color:#586565;top:0.1em;left:0.1em;}/*light-grey*/
/*STYLING > LINKS > HOME & CONTACT ICONS: FOOTER*/
a#iconHome, a#iconHome:link, a#iconHome:visited, a#iconContact, a#iconContact:link, a#iconContact:visited {text-decoration:none;color:#293939;fill:#293939;/*dark-grey*/}
a#iconHome:hover, a#iconHome:active, a#iconHome:focus, a#iconContact:hover, a#iconContact:active, a#iconContact:focus {outline:0;text-decoration:none;color:#586565;fill:#586565;background-position:-2em -0.14em;/*light-grey*/}
/*STYLING > LINKS > HOME & CONTACT FALLBACK: FOOTER*/
#footerNav a {text-decoration:none;color:#293939;fill:#293939;;/*dark-grey*/}
#footerNav a:link {text-decoration:none;color:#293939;fill:#293939;/*dark-grey*/}
#footerNav a:visited {text-decoration:none;color:#293939;fill:#293939;/*dark-grey*/}
#footerNav a:hover {outline:0;text-decoration:none;color:#586565;fill:#586565;/*light-grey*/}
#footerNav a:active {outline:0;text-decoration:none;color:#293939;fill:#293939;/*dark-grey*/}
#footerNav a:focus {outline:0;text-decoration:none;color:#586565;fill:#586565;/*light-grey*/}


/*RESPONSIVE DESIGN*/
/*RESPONSIVE DESIGN > MOBILES > VERTICAL*/
@media only screen and (min-width:0px) and (max-width:427px) {
	body {font-size:85%;}
	#pageMainHeader {width:100%;height:5.75em;padding:0 0 0 7.5%;}
	#pageMainHeader h1 {top:0.5em;}
	#pageMainNav a {margin-right:0;}
	#pageContentContainer {padding:7.5em 7.5% 0 7.5%;min-height:84%;}
	#pageFooter {padding:0.25em 7.5% 2em 7.5%;width:85%;height:1em;position:fixed;z-index:500;margin:0 0 0 0;bottom:0;}
	.styleCopyrightInfo {right:7.5%;}
	/*--PAGE MOBILE NAVIGATION--*/
	#pageMainNav {width:20%;right:0;top:-1.5em;padding:0 7.5% 0.35em 0;background-color:#F5F5F5;border:none;/*blue*/}
	#pageMainNav ul {margin:3.25em 0 60em 0;float:right;clear:both;}
	#pageMainNav li {clear:both;float:right;}
	#pageMainNav a {padding:0.25em 0 0.5em 0.5em;}
	/*STYLING > LINKS > MAIN NAV*/
	a {text-decoration:none;color:#293939;}/*dark-grey*/
	a:link {text-decoration:none;color:#293939;}/*dark-grey*/
	a:visited {text-decoration:none;color:#293939;}/*dark-grey*/
	a:hover {outline:0;text-decoration:none;color:#586565;}/*light-grey*/
	a:active, li a#currentLink {outline:0;text-decoration:underline;color:#293939;}/*dark-grey*/
	a:focus {outline:0;text-decoration:none;color:#586565;top:0.1em;left:0.1em;}/*light-grey*/
	/*Checkbox Hack > replace with Mobile Menu Icon*/
	/*Hide Checkbox*/
	#pageMainNav [type="checkbox"] {position:absolute;left:-20000em;top:-20000em;overflow:hidden;}
	/*Mobile Menu Icon*/
	#pageMainNav label.iconMobileMenu {background-position:0 0.3em;background-size:100%;cursor:pointer;float:right;padding:0.7em;}
	#pageMainNav [type="checkbox"]:checked + label {background-position:0 -1.5em;z-index:0;float:right;}
	/*The hidden Content/MobileNav - Hide*/
	#pageMainNav [type="checkbox"] ~ ul#mainNav {position:absolute;left:-20000em;top:-200000em;overflow:hidden;display:none;}
	/*The hidden Content/MobileNav - Show*/
	#pageMainNav [type="checkbox"]:checked ~ ul#mainNav {position:static;overflow:hidden;display:block;height:310%;}
	#pageMainNav {padding-top:2em;}
}
/*RESPONSIVE DESIGN > MOBILES > HORIZONTAL*/
@media only screen and (min-width:428px) and (max-width:666px) {
	body {font-size:90%;}
	#pageMainHeader {width:100%;height:5.75em;padding:0 0 0 7.5%;}
	#pageMainHeader h1 {top:0.5em;}
	#pageMainNav a {margin-right:0;}
	#pageContentContainer {padding:7.5em 7.5% 0 7.5%;min-height:85%;}
	#pageFooter {padding:0.25em 7.5% 2em 7.5%;width:85%;height:1em;position:fixed;z-index:500;margin:0 0 0 0;bottom:0;}
	.styleCopyrightInfo {right:7.5%;}
	/*--PAGE MOBILE NAVIGATION--*/
	#pageMainNav {width:17%;right:0;top:-1.5em;padding:0 7.5% 0.35em 0;background-color:#F5F5F5;border:none;/*blue*/}
	#pageMainNav ul {margin:3.25em 0 60em 0;float:right;clear:both;}
	#pageMainNav li {clear:both;float:right;}
	#pageMainNav a {padding:0.25em 0 0.5em 0.5em;}
	/*STYLING > LINKS > MAIN NAV*/
	a {text-decoration:none;color:#293939;}/*dark-grey*/
	a:link {text-decoration:none;color:#293939;}/*dark-grey*/
	a:visited {text-decoration:none;color:#293939;}/*dark-grey*/
	a:hover {outline:0;text-decoration:none;color:#586565;}/*light-grey*/
	a:active, li a#currentLink {outline:0;text-decoration:underline;color:#293939;}/*dark-grey*/
	a:focus {outline:0;text-decoration:none;color:#586565;top:0.1em;left:0.1em;}/*light-grey*/
	/*Checkbox Hack > replace with Mobile Menu Icon*/
	/*Hide Checkbox*/
	#pageMainNav [type="checkbox"] {position:absolute;left:-20000em;top:-20000em;overflow:hidden;}
	/*Mobile Menu Icon*/
	#pageMainNav label.iconMobileMenu {background-position:0 0.3em;background-size:100%;cursor:pointer;float:right;padding:0.7em;}
	#pageMainNav [type="checkbox"]:checked + label {background-position:0 -1.5em;z-index:0;float:right;}
	/*The hidden Content/MobileNav - Hide*/
	#pageMainNav [type="checkbox"] ~ ul#mainNav {position:absolute;left:-20000em;top:-200000em;overflow:hidden;display:none;}
	/*The hidden Content/MobileNav - Show*/
	#pageMainNav [type="checkbox"]:checked ~ ul#mainNav {position:static;overflow:hidden;display:block;height:310%;}
	#pageMainNav {padding-top:2em;}
}
/*RESPONSIVE DESIGN > MOBILES > HORIZONTAL*/
@media only screen and (min-width:667px) and (max-width:809px) {
	body {font-size:95%;}
	#pageMainHeader {width:100%;height:5.75em;padding:0 0 0 7.5%;}
	#pageMainHeader h1 {top:0.5em;}
	#pageMainNav a {margin-right:0;}
	#pageContentContainer {padding:7.5em 7.5% 0 7.5%;min-height:60%;}
	#pageFooter {padding:0.25em 7.5% 2em 7.5%;width:85%;height:1em;position:fixed;z-index:500;margin:0 0 0 0;bottom:0;}
	.styleCopyrightInfo {right:7.5%;}
	/*--PAGE MOBILE NAVIGATION--*/
	#pageMainNav {width:17%;right:0;top:-1.5em;padding:0 7.5% 0.35em 0;background-color:#F5F5F5;border:none;/*blue*/}
	#pageMainNav ul {margin:3.25em 0 60em 0;float:right;clear:both;}
	#pageMainNav li {clear:both;float:right;}
	#pageMainNav a {padding:0.25em 0 0.5em 0.5em;}
	/*STYLING > LINKS > MAIN NAV*/
	a {text-decoration:none;color:#293939;}/*dark-grey*/
	a:link {text-decoration:none;color:#293939;}/*dark-grey*/
	a:visited {text-decoration:none;color:#293939;}/*dark-grey*/
	a:hover {outline:0;text-decoration:none;color:#586565;}/*light-grey*/
	a:active, li a#currentLink {outline:0;text-decoration:underline;color:#293939;}/*dark-grey*/
	a:focus {outline:0;text-decoration:none;color:#586565;top:0.1em;left:0.1em;}/*light-grey*/
	/*Checkbox Hack > replace with Mobile Menu Icon*/
	/*Hide Checkbox*/
	#pageMainNav [type="checkbox"] {position:absolute;left:-20000em;top:-20000em;overflow:hidden;}
	/*Mobile Menu Icon*/
	#pageMainNav label.iconMobileMenu {background-position:0 0.4em;background-size:100%;cursor:pointer;float:right;padding:0.7em;}
	#pageMainNav [type="checkbox"]:checked + label {background-position:0 -1.5em;z-index:0;float:right;}
	/*The hidden Content/MobileNav - Hide*/
	#pageMainNav [type="checkbox"] ~ ul#mainNav {position:absolute;left:-20000em;top:-200000em;overflow:hidden;display:none;}
	/*The hidden Content/MobileNav - Show*/
	#pageMainNav [type="checkbox"]:checked ~ ul#mainNav {position:static;overflow:hidden;display:block;height:310%;}
	#pageMainNav {padding-top:2em;}
}
/*RESPONSIVE DESIGN > MOBILES > HORIZONTAL*/
@media only screen and (min-width:810px) and (max-width:1079px) {
	body {font-size:95%;}
	#pageMainHeader {width:100%;height:5.75em;padding:0 0 0 7.5%;}
	#pageMainHeader h1 {top:0.5em;}
	#pageMainNav a {margin-right:0;}
	#pageContentContainer {padding:7.5em 7.5% 0 7.5%;min-height:65%;}
	#pageFooter {padding:0.25em 7.5% 2em 7.5%;width:85%;height:1em;position:fixed;z-index:500;margin:0 0 0 0;bottom:0;}
	.styleCopyrightInfo {right:7.5%;}
	/*--PAGE MOBILE NAVIGATION--*/
	#pageMainNav {width:17%;right:0;top:-1.5em;padding:0 7.5% 0.35em 0;background-color:#F5F5F5;border:none;/*blue*/}
	#pageMainNav ul {margin:3.25em 0 60em 0;float:right;clear:both;}
	#pageMainNav li {clear:both;float:right;}
	#pageMainNav a {padding:0.25em 0 0.5em 0.5em;}
	/*STYLING > LINKS > MAIN NAV*/
	a {text-decoration:none;color:#293939;}/*dark-grey*/
	a:link {text-decoration:none;color:#293939;}/*dark-grey*/
	a:visited {text-decoration:none;color:#293939;}/*dark-grey*/
	a:hover {outline:0;text-decoration:none;color:#586565;}/*light-grey*/
	a:active, li a#currentLink {outline:0;text-decoration:underline;color:#293939;}/*dark-grey*/
	a:focus {outline:0;text-decoration:none;color:#586565;top:0.1em;left:0.1em;}/*light-grey*/
	/*Checkbox Hack > replace with Mobile Menu Icon*/
	/*Hide Checkbox*/
	#pageMainNav [type="checkbox"] {position:absolute;left:-20000em;top:-20000em;overflow:hidden;}
	/*Mobile Menu Icon*/
	#pageMainNav label.iconMobileMenu {background-position:0 0.4em;background-size:100%;cursor:pointer;float:right;padding:0.7em;}
	#pageMainNav [type="checkbox"]:checked + label {background-position:0 -1.5em;z-index:0;float:right;}
	/*The hidden Content/MobileNav - Hide*/
	#pageMainNav [type="checkbox"] ~ ul#mainNav {position:absolute;left:-20000em;top:-200000em;overflow:hidden;display:none;}
	/*The hidden Content/MobileNav - Show*/
	#pageMainNav [type="checkbox"]:checked ~ ul#mainNav {position:static;overflow:hidden;display:block;height:310%;}
	#pageMainNav {padding-top:2em;}
}
/*RESPONSIVE DESIGN > TABLETS > VERTICAL*/
@media only screen and (min-width:1080px) and (max-width:1156px) {
	body {font-size:95%;}
	#pageMainHeader {width:100%;height:5.75em;padding:0 0 0 7.5%;}
	#pageMainHeader h1 {top:0.5em;}
	#pageMainNav a {margin-right:0;}
	#pageContentContainer {padding:7.5em 7.5% 0 7.5%;min-height:65%;}
	#pageFooter {padding:0.25em 7.5% 2em 7.5%;width:85%;height:1em;position:fixed;z-index:500;margin:0 0 0 0;bottom:0;}
	.styleCopyrightInfo {right:7.5%;}
	/*--PAGE MOBILE NAVIGATION--*/
	#pageMainNav {width:17%;right:0;top:-1.5em;padding:0 7.5% 0.35em 0;background-color:#F5F5F5;border:none;/*blue*/}
	#pageMainNav ul {margin:3.25em 0 60em 0;float:right;clear:both;}
	#pageMainNav li {clear:both;float:right;}
	#pageMainNav a {padding:0.25em 0 0.5em 0.5em;}
	/*STYLING > LINKS > MAIN NAV*/
	a {text-decoration:none;color:#293939;}/*dark-grey*/
	a:link {text-decoration:none;color:#293939;}/*dark-grey*/
	a:visited {text-decoration:none;color:#293939;}/*dark-grey*/
	a:hover {outline:0;text-decoration:none;color:#586565;}/*light-grey*/
	a:active, li a#currentLink {outline:0;text-decoration:underline;color:#293939;}/*dark-grey*/
	a:focus {outline:0;text-decoration:none;color:#586565;top:0.1em;left:0.1em;}/*light-grey*/
	/*Checkbox Hack > replace with Mobile Menu Icon*/
	/*Hide Checkbox*/
	#pageMainNav [type="checkbox"] {position:absolute;left:-20000em;top:-20000em;overflow:hidden;}
	/*Mobile Menu Icon*/
	#pageMainNav label.iconMobileMenu {background-position:0 0.4em;background-size:100%;cursor:pointer;float:right;padding:0.7em;}
	#pageMainNav [type="checkbox"]:checked + label {background-position:0 -1.5em;z-index:0;float:right;}
	/*The hidden Content/MobileNav - Hide*/
	#pageMainNav [type="checkbox"] ~ ul#mainNav {position:absolute;left:-20000em;top:-200000em;overflow:hidden;display:none;}
	/*The hidden Content/MobileNav - Show*/
	#pageMainNav [type="checkbox"]:checked ~ ul#mainNav {position:static;overflow:hidden;display:block;height:310%;}
	#pageMainNav {padding-top:2em;}
}
/*RESPONSIVE DESIGN > LAPTOPS > SMALL*/
@media only screen and (min-width:1157px) and (max-width:1367px) {
	body {font-size:100%;}
	#pageMainHeader {width:100%;height:7.25em;padding:0 0 0 10%;}
	#pageMainNav a {margin-left:3em;}
	#pageContentContainer {padding:12em 25% 12em 25%;}
	#pageMainNav [type="checkbox"], label.iconMobileMenu {position:absolute;left:-20000em;top:-20000em;overflow:hidden;}
}
/*RESPONSIVE DESIGN > LAPTOPS > MEDIUM*/
@media only screen and (min-width:1368px) and (max-width:1699px) {
	body {font-size:100%;}
	#pageMainHeader {width:100%;height:7.25em;padding:0 0 0 10%;}
	#pageMainNav a {margin-left:4em;}
	#pageContentContainer {padding:12.5em 30% 0 30%;}
	#pageMainNav [type="checkbox"], label.iconMobileMenu {position:absolute;left:-20000em;top:-20000em;overflow:hidden;}
}
/*RESPONSIVE DESIGN > LAPTOPS > LARGE*/
@media only screen and (min-width:1700px) and (max-width:1995px) {
	body {font-size:105%;}
	#pageMainHeader {width:100%;padding:0 0 0 10%;height:7.25em;}
	#pageMainNav a {margin-left:5em;}
	#pageContentContainer {padding:12.5em 30% 0 30%;}
	#pageMainNav [type="checkbox"], label.iconMobileMenu {position:absolute;left:-20000em;top:-20000em;overflow:hidden;}
}
/*RESPONSIVE DESIGN > DESKTOPS > SMALL*/
@media only screen and (min-width:1996px) and (max-width:2456px) {
	body {font-size:110%;}
	#pageMainHeader {width:100%;height:7.25em;}
	#pageMainHeader {padding:0 0 0 10%;}
	#pageMainNav a {margin-left:5em;}
	#pageContentContainer {padding:12.5em 30% 0 30%;}
	#pageMainNav [type="checkbox"], label.iconMobileMenu {position:absolute;left:-20000em;top:-20000em;overflow:hidden;}
}
/*RESPONSIVE DESIGN > DESKTOPS > LARGE*/
@media only screen and (min-width:2457px) {
	body {font-size:115%;}
	#pageMainHeader {width:100%;height:7.25em;}
	#pageMainHeader {padding:0 0 0 10%;}
	#pageMainNav a {margin-left:5em;}
	#pageContentContainer {padding:12.5em 30% 0 30%;}
	#pageMainNav [type="checkbox"], label.iconMobileMenu {position:absolute;left:-20000em;top:-20000em;overflow:hidden;}
}