/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
* 131221
*/

/* -- normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css JB070718 -- */
html { -webkit-box-sizing: border-box; box-sizing: border-box;}
*,
*::before,
*::after { -webkit-box-sizing: inherit; box-sizing: inherit;}
:root {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
}
html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	-ms-text-size-adjust: 100%;
}
body { margin: 0;}
body {
	font-family:
	-apple-system,
	BlinkMacSystemFont,
	'Segoe UI',
	Roboto,
	Helvetica,
	Arial,l1509
	sans-serif,
	'Apple Color Emoji',
	'Segoe UI Emoji',
	'Segoe UI Symbol';
}
hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}
a { background-color: transparent;}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}
b, strong { font-weight: bolder;}
code,
kbd,
samp
pre {
	font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier,monospace, monospace;
	font-size: 1em;
}
small { font-size: 80%;}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub { bottom: -0.25em;}
sup { top: -0.5em;}
img {
	border: 0;
	border-style: none;
	display: block;
	width: 100%;
	height: auto;
}
button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}
button, input { overflow: visible; }
button, select { text-transform: none;}
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted;
}
fieldset { padding: 0.35em 0.75em 0.625em;}
legend {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
progress { vertical-align: baseline;}
textarea { overflow: auto;}
[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}
details { display: block;}
summary { display: list-item;}
template { display: none;}
[hidden] { display: none;}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
/* END Normalize */


/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#pageLoad {display: none;}
/* END Loader */

/* -- TEXT --- https://type-scale.com/ base size 18px (1em) Scale 1.067 Minor Second for mobile html {font-size: 112.5%;}  Line height 1.65 -- */
html, body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
html { font-size: 112.5%;}
body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	line-height: 1.65;
}

.bold { font-weight: bold;}
.italic { font-style:italic;}
.bold-italic {
	font-weight: bold;
	font-style:italic;
}
.justified { text-align: justify;}

.control-break {
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this (but deprecated )non-standard one: */
	word-break: break-word;
}

p, ul, ol, li, a { 
	font-family: "Open Sans",sans-serif;
	font-weight: 400;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}
p, ul, ol, li, label { color: #3e3e3c;}
p, ul, ol, li {
	font-size: 1rem;
	line-height: 1.65;
	margin-top: 0.825em;
	margin-bottom: 0;
}
.policies p, .policies ul, .policies ol, .policies li { 
	font-size: 16.87px;
	font-size: 0.937rem;
}
figcaption li { font-size: 0.823rem;}
p.sub-head { 
	margin-top: 0.104em;
	padding-right: 3.30em;
}
.uphall p.sub-head { padding-right: 4em; } 
.one-col-row h2 + p { padding-right: 0.825em;}
.home .one-col-row h2 + p, .uphall .one-col-row h2 + p, .leitfie .one-col-row h2 + p { padding-right: 3.30em;}
.untilalmost .one-col-row h2 + p { padding-right: 3.30em;}
.thumbnails p:first-of-type { width: 227px;}
.upanddown .thumbnails p:first-of-type { width: 261px;}
.leitfie .thumbnails p:first-of-type { width: 223px;}

p.pageCloser {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: -15px;
	margin-left: -15px;
}
.text-small, .sidebar p {
	font-size: 16.87px;
	font-size: 0.937rem;
}
.text-smaller {
	font-size: 15.81px;
	font-size: 0.878rem;
}
.text-smallerer {
	font-size: 14.82px;
	font-size: 0.823rem;
}
.text-smallest {
	font-size: 13.89px;
	font-size: 0.772rem;
}

ul { 
	list-style-type: none;
	font-size: 1rem;
	line-height: 1.65;
	padding: 0;
	margin: 0;
	margin-top: 1.65em;
}
li {
	padding: 0;
	margin: 0;
}

.sidebar ul, .sidebar ol, .sidebar li,
.site-footer p, .site-footer ul {
	font-size: 16.87px;
	font-size: 0.937rem;
}
.site-footer ul li { font-size: 0.937rem;}
.caption li { color: rgba(62, 62, 60, 0.65);}
.print-details li { color: #3e3e3c;}

.tabcontent ul {
	margin-top: 0.825em;
	padding-left: 0.825em;
	}
.tabcontent li::before {
	content: "\2022";
	color: rgba(62, 62, 60, 0.5);
	font-size: 1rem;
	font-weight: bold;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	display: inline-block;
	width: 1em;
	/*margin-left: -0.825em; if no-indent required*/
}

.policies-links li.item-title {
	border-top: solid 1px #b4b3b0;
	-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset;
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset;
	padding-top: 0.207em;
	margin-top: 0.825em;
}
.policies-links li.item-title:first-of-type {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding-top: 0;
} 

ul.disc{
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 1em;
}
ul.disc li {
	padding-left: 0.5em;
	margin: 0 0 1.15em 0;
}
ul.disc li.no-disc {
	list-style-type: none;
	padding-left: 0.5em;
}

.artinfo  {
	border-left: solid 1px #b4b3b0;
	-webkit-box-shadow: 1px 0px 0px rgba(255, 255, 255, 1) inset;
	box-shadow: 1px 0px 0px rgba(255, 255, 255, 1) inset;
	padding-left: 0.825em;
	margin-top: 1.65em;
}
.home article.artinfo {
	border: none;
	-webkit-box-shadow:none;
	        box-shadow:none;
	font-style: italic;
	padding-right: 1.237em;
	padding-left: 0.207em;
}
.artinfo li { margin-top: 0.413em;}
.artinfo li:nth-child(3n+3) { 	
	font-size: 13.89px;
	font-size: 0.772rem;
}
.artinfo li:nth-child(3n+3) { 	
	padding-left: 0.925em;
	margin-top: 0;
}
.artinfo li:nth-of-type(2), 
.artinfo li:nth-of-type(5), 
.artinfo li:nth-of-type(8) { 	
	padding-left: 0.825em;
	margin-top: 0.104em;
	padding-right: 1.65em;
}

hr {
	width: 92%;
	height: 1px;
	border-top: 1px solid rgba(81, 89, 90, 0.2);
	border-bottom: 1px solid #fff;
	margin-top: 1.65em;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	display: none;
}
.featured hr { margin-top: 1.928em;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { 
	font-family: 'Orbitron', sans-serif;
	line-height: 1.134;
	margin-bottom: 0;
	color: rgba(62, 62, 60, 0.3);
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}

h1, .h1 {
	margin-top: 0;
	font-size: 24.89px;
	font-size: 1.383rem;	
}

h2, .h2 {
	font-size: 23.33px;
	font-size: 1.296rem;
}
 
.logo h1, .logo h2, h1.page-title, h2.page-title {
	line-height: 1.134;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	margin-top: 0;
}
.logo h1, .logo h2 {
	font-size: 0.772rem;
	color: rgba(62, 62, 60, 0.7);
	letter-spacing: 0.052rem;
	font-weight: 400;
	margin: 0;
}
.logo h1 { color: rgba(62, 62, 60, 0.7);}
.logo h1 small, .logo h2 small  { font-size: 100%;}

h1.page-title, h2.page-title, .modal-content h3 {
	font-size: 0.772rem;
	font-weight: 500;
	color: #87b303;
	letter-spacing: 0.052em;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}
.modal-content h3 { color: rgba(62, 62, 60, 0.25);}

h1.page-title, h2, h3, h4, h5 { margin-top: 1.65em;}
.home h1.page-title {
	font-size: 23.33px;
	font-size: 1.296rem;
	font-weight: 800;
	letter-spacing: 0;
	color: rgba(62, 62, 60, 0.3);
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	margin-top: 0.825em;	
}
.policies h1 { margin-top: 0.62em;}

.recent-work h2 { margin-top: 1.238em;}

.thumbnails h2 { margin-top: 0.207em;}

.untilalmost .thumbnails h2, .scotchness .thumbnails h2 { margin-top: 1.238em;}

.one-col-row h2, .one-col-row aside h4, .sidebar h4 {
	border-top: solid 1px #b4b3b0;
	-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset;
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset;
	padding-top: 0.825em;
}
.sidebar h4 { margin-top: 1.65em;}
.contact .main-col h1.h2, .contact .main-col h2, .sitemap-page .main-col h1.h2, .sitemap-page .main-col h2 { margin-top: 0.825em;}
.featured h2:first-of-type, .error404 h2:first-of-type  { 
	margin-top: 0.104em;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0;
}

.tabcontent h2 { margin-top: 0.413em;}

h3 { 
	font-size: 1.215rem;
	margin-top: 0.825em;
}

.featured h3, .recent-work h3, .thumbnails h3, .policies .main-col h3, .policies .main-col h4 { 
	font-family: "Open Sans",sans-serif;
	font-weight: 400;
	color: #3e3e3c;
}
.featured h3 { margin-top: 0.413em;}

h4 { font-size: 1.138rem;}

h5 { font-size: 1.067rem;}  

.site-footer h5 {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-top: 0;
	padding-top: 0;
	font-size: 1rem;
}
/* -- End TEXT see layout for nav text styles -- */

/* -- LINKS styles -- */
 
input::-moz-focus-inner { border: 0; }

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	border: 0;
	outline : 0;
}
a, a:active { 
	color: #D66F6D;
	text-decoration: none;
}
a:hover, a:focus {
	color: #87b303;
	text-decoration: none;
}
.external {
	word-wrap: break-word;
	overflow-wrap: anywhere;
}
.external:hover { text-decoration: underline;}
.contact .main-col a:first-of-type {
	display: inline-block;
	margin-top: 0;
}
.home .homeLink, .galleries .galleriesLink, .voice .voiceLink, .leitfie .leitfieLink { color: #87b303;}

.btn { 
	display: inline-block;
	vertical-align: middle;
	padding: 0.206em 0.413em;
	background-color: #8a4746;
	border-radius: 4px;
	border-color: #8a4746;
	-webkit-box-shadow: 0 1px 2px rgba(114, 114, 111, 0.2);
	box-shadow: 0 1px 2px rgba(114, 114, 111, 0.2);
	font-weight: bold;
	color: #fff;
	letter-spacing: 0.5px;
	text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.5);
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
}
input.previous-page {
	color: #D66F6D;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	text-decoration: none;
	cursor: pointer;
	background: none;
	border: none;
	padding: 0;
}
input.previous-page:hover, input.previous-page:focus {
	color: #87b303;
	text-decoration: none;
}
#top-btn {
	position: fixed;
	right: 5px;
	bottom: 122px;
	display: block;
	z-index: 100;
	background: none;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
	cursor: pointer;
}
#top-btn .fa-arrow-up {
	font-size: 30px;
	color: #D66F6D;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}
#top-btn .fa-arrow-up:hover {
	font-size: 31px;
	color: #87b303;
	text-shadow: 0 4px 4px rgba(81, 89, 90, 0.4);
}
/* -- END Link styles -- */

/* -- IMAGES -- */

img {
	border: 0;
	border-style: none;
	display: block;
	max-width: 100%;
	font-size: 13.89px;
	font-size: 0.772rem;
	color: rgba(62, 62, 60, 0.65);
}
.img-responsive {
	height: auto;
	vertical-align: middle;
}
img.bordered {
	border-top: 1px solid rgba(255, 255, 255, 0.35);
	border-right: 1px solid rgba(255, 255, 255, 0.3);
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
}

/* -- figure and figcaption general styles -- .gallery pages have a div.thumbnails inside .one-col-row -- */

figure {
	margin: 0;
	margin-top: 0.825em;
	position: relative;
}
figcaption ul {
	font-size: 14.82px;
	font-size: 0.823rem;
	margin-top: 0.413em;
	padding-left: 0.207em;
	padding-right: 0.207em;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-webkit-align-items: baseline;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}
.featured figcaption ul { 
	max-width: 725px;
	width: 280px;
	}

figcaption li {
	color: rgba(62, 62, 60, 0.65);
	line-height: 1.45;
	display: inline;
	border-left: 1px solid rgba(114, 114, 111, 0.5);
	padding-right: 0.207em;
	padding-left: 0.207em;
}

figcaption li:first-of-type { 
	font-style: italic;
	width: 100%;
	border: none;
	padding-right: 0;
	padding-left: 0;
}
.featured figcaption li:nth-of-type(2), .featured figcaption li:nth-of-type(5), .home .featured figcaption li:nth-of-type(4) { 
	border: none;
	padding-left: 0;
}

.blackness .thumbnails figcaption ul { width: 95%;}
.scotchness .thumbnails figcaption ul { width: 89%;}
.untilalmost .thumbnails figcaption ul { width: 95%;}
.upanddown .thumbnails figcaption ul { width: 89%;}
.uphall .thumbnails figcaption ul { width: 89%;}

.scotchness .thumbnails figure:nth-of-type(6) figcaption li:first-of-type, .scotchness .thumbnails figure:nth-of-type(7) figcaption li:first-of-type { letter-spacing: -0.04rem;}
.thumbnails figcaption li, .home .thumbnails figcaption li:nth-of-type(4) { 
	border: none;
	padding-right: 0;
	padding-left: 0;
}
.thumbnails figcaption li:nth-of-type(3) { 
	padding-right: 0.207em;
}
.home .featured figcaption li:nth-of-type(5), .voice .thumbnails figcaption li:nth-of-type(4) {
	border-left: 1px solid rgba(114, 114, 111, 0.5);
	padding-left: 0.207em;
}
/* -- figure.print-example shows on any page that shows prints, ie, .home, .upandown, .untilalmost -- */
.print-example { margin-top: 1.65em;}
.print-example img { 
	max-width: 360px;
	-webkit-box-shadow: 5px 6px 5px -2px rgba(114, 114, 111, 0.2);
	box-shadow: 5px 6px 5px -2px rgba(114, 114, 111, 0.2);
}
/* --- END figure.print-example --- */
.print-details {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: 1.65em;
	padding: 0;
}
.print-details li { 
	line-height: 1.65;
	display: block;
	border: none;
	padding: 0;
	margin-top: 0.207em;
}
.print-details li:first-of-type { 
	font-style: normal;
	margin: 0;
} 
.print-details li:nth-of-type(2), .print-details li:nth-of-type(3) { 
	padding: 0;
	border: none;
} 
/*.print-example + p, aside h4 + p { padding-right: 1.65em;}*/
.thumbnails img { max-width: 320px;}

/* -- REMOVE border and padding-left --*/


.untilalmost .thumbnails figcaption li:nth-of-type(4),
.upanddown .thumbnails figcaption li:nth-of-type(4),
.leitfie .thumbnails figcaption li:nth-of-type(4),
.scotchness .thumbnails figcaption li:nth-of-type(4){
	border: none;
	padding-left: 0;
}

/* -- HOVER ZOOM from 768px up, .grid figure images have hover zoom effect and link to modal -- */
.grid a .zoom-box { overflow: hidden;}
.grid a .zoom-box img { -webkit-transition: none; -o-transition: none; transition: none;}
.grid a:hover .zoom-box img { -webkit-transform: none; -ms-transform: none; transform: none;}
.grid a:hover .zoom-box { -webkit-box-shadow: none; box-shadow: none;}
.grid a:hover li { color: rgba(62, 62, 60, 0.65);}
.grid a { cursor: default;}
/* -- END figure and figcaption general styles -- */
/* -- END Images  --- */

/* -- LAYOUT -- */

html {
	scroll-behavior: smooth;
	height: 100%;
	background: #edece9; /* for edge and webkit */
}
body {
	background: #edece9;
	margin: 0;
	overflow-x: hidden;
	min-height: 100%;
	display: -webkit-flex;
	-webkit-justify-content: center;
	-webkit-align-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
}

.js-loading *, .js-loading *:before, .js-loading *:after {
  -webkit-animation-play-state: paused !important;
          animation-play-state: paused !important;
}

.intro {
	height: 100vh;
	position: relative;
	background-color: #EDECE9;
	z-index: 151;
	text-align: center;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 15px;
}

.intro::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 0.825em solid rgba(255, 255, 255, 0);
	opacity: 0;
	z-index: -1;
	background-image: url(../images/intro-2-1920-1338-2.jpg);
	background-size: 292px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;
	background-clip: border-box;
	height: auto;
	background-color: #EDECE9;
	-webkit-animation: fade-slide-down 2s 1s cubic-bezier(0, 0.5, 0, 1) forwards;
	animation: fade-slide-down 2s .5s cubic-bezier(0, 0.5, 0, 1) forwards;
}

.intro::after {
	content: '';
	width: 100vw;
	height: 100vh;
	background-color: #141212;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0.9+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.9) 100%);
	background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(0,0,0,1)),to(rgba(0,0,0,0.9)));
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
	opacity: 1;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
	-webkit-animation: fade-out 2s .5s ease-out forwards;
	animation: fade-out 2s .5s ease-out forwards;
}

.intro-button {
	position: absolute;
	width: 34px;
	z-index: 10;
	left: 0;
	right: 0;
	bottom: 6vh;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border: none;
	background: none;
	background-image: url('../images/down-arrow-182-107.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	cursor: pointer;
	text-indent: -999999px;
	opacity: 0;
	-webkit-animation: fade-slide-up-aro 0.5s ease-out 2s forwards,
	pulse 1.5s 1s ease-out infinite;
	animation: fade-slide-up-aro 0.5s ease-out 1.5s forwards,
	pulse 1.5s 2s ease-out infinite;
}
.intro-button:hover { 
	-webkit-animation-play-state: paused; 
	animation-play-state: paused;
}

/* Animations */
@-webkit-keyframes fade-in {
  0% { opacity: 0;}
  100% { opacity: 1;}
}
@keyframes fade-in {
  0% { opacity: 0;}
  100% { opacity: 1;}
}

@-webkit-keyframes fade-out {
  0% { opacity: 1;}
  100% { opacity: 0;}
}
@keyframes fade-out {
	0% { opacity: 1;}
	100% { opacity: 0;}
}
@-webkit-keyframes fade-slide-down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-4rem);
				transform: translateY(-4rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
			transform: none;
  }
}
@keyframes fade-slide-down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-4rem);
			transform: translateY(-4rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
			transform: none;
  }
}
@-webkit-keyframes fade-slide-down-aro {
  0% {
				opacity: 0;
			-webkit-transform: translateY(-3300px);
			transform: translateY(-300px);										
  }
  100% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
  }
}
@keyframes fade-slide-down-aro {
  0% {
			opacity: 0;
			-webkit-transform: translateY(-300px);
			transform: translateY(-300px);										
  }
  100% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
  }
}
@-webkit-keyframes fade-slide-up-aro {
  0% {
			opacity: 0;
			-webkit-transform: translateY(4rem);
			        transform: translateY(4rem);										
  }
  100% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
  }
}
@keyframes fade-slide-up-aro {
  0% {
			opacity: 0;
			-webkit-transform: translateY(4rem);
			        transform: translateY(4rem);										
  }
  100% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: none;
			transform: none;
  }
  50% {
			-webkit-transform: translateY(1em);
			transform: translateY(1em);
  }
  100% {
    -webkit-transform: none;
			transform: none;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: none;
				transform: none;
  }
  50% {
			-webkit-transform: translateY(1em);
			transform: translateY(1em);
  }
  100% {
    -webkit-transform: none;
				transform: none;
  }
}
.container {
	width: 100%;
	padding: 0 0.825em;
}
.container, .main-content, .main-content-1r,.main-content-2r {
	max-width: 1170px;
}
.site-header {
	margin: 0 auto;
	width: 100vw;
	height: auto;
	background: #edece9;
	-webkit-box-shadow: 0px -1px 2px rgba(255, 255, 255, 0.65) inset, 0px 2px 5px rgba(0, 0, 0, 0.09);
	box-shadow: 0px -1px 2px rgba(255, 255, 255, 0.65) inset, 0px 2px 5px rgba(0, 0, 0, 0.09);
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 150;
	
}
.site-header .container {
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	-webkit-align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 21px 0.825em;
}

/* -- nav Main navigation inc Galleries submenu --- */ 

/*  gains focus, making it tabbable */
.nav-toggle {
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
}
.nav-toggle-label {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	padding-top: 0;
}
.nav-toggle-label::before { content: none;}
.nav-toggle-label span,
.nav-toggle-label span::before,
.nav-toggle-label span::after {
	display: block;
	background: #D66F6D;
	height: 3px;
	width: 1.65em;
	border-radius: 2px;
	-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	position: relative;
}
.nav-toggle-label span::before,
.nav-toggle-label span::after {
	content: '';
	position: absolute;		
}
.nav-toggle-label span::before { bottom: 7px;}
.nav-toggle-label span::after { top: 7px;}
.nav-toggle-label:hover .nav-toggle-label span, .nav-toggle-label:hover .nav-toggle-label span::before, .nav-toggle-label:hover nav-toggle-label span::after { background: #87b303;}

nav {
	position: absolute;
	text-align: left;
	top: 100%;
	left: 0;
	background: #edece9;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05); 
	-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.09); 
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.09);
	width: 100%;
	-webkit-transform: scale(1, 0);
	-webkit-transform-origin: top;
	-webkit-transition: transform 400ms ease-in-out;
	-ms-transform: scale(1, 0);
	-ms-transform-origin: top;
	-ms-transition: transform 400ms ease-in-out;
	transform: scale(1, 0);
	transform-origin: top;
	-webkit-transition: -webkit-transform 400ms ease-in-out;
	transition: -webkit-transform 400ms ease-in-out;
	-o-transition: transform 400ms ease-in-out;
	transition: transform 400ms ease-in-out;
	transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
}

nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-top: 0.623em;
	padding-right: 1.65em;
	padding-left: 1.65em;
}
nav li { margin-bottom: 0.619em;}
nav li:last-of-type { padding-bottom: 1.65em;}

nav a {
	text-decoration: none;
	font-family: 'Orbitron', sans-serif;
	font-size: 0.772rem;
	color: rgba(62, 62, 60, 0.7);
	line-height: 1.134;
	letter-spacing: 0.052em;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	margin-top: 0;
	opacity: 0;
	-webkit-transition: opacity 150ms ease-in-out;
	-o-transition: opacity 150ms ease-in-out;
	transition: opacity 150ms ease-in-out;
}
nav a:hover, nav li.active a { color: #87b303;}

.nav-toggle:checked ~ nav { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1);}

.nav-toggle:checked ~ nav a {
	opacity: 1;
	-webkit-transition: opacity 250ms ease-in-out 250ms;
	-o-transition: opacity 250ms ease-in-out 250ms;
	transition: opacity 250ms ease-in-out 250ms;
	display: block;
	padding: 0.413em 0;
}

.submenu {
	width: 100%;
	margin-top: 0;
	margin-left: 0.413em;
	padding-right: 0;
	padding-left: 0;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	-webkit-align-items: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background: #fff;  /* fallback for old browsers */
	background: -o-radial-gradient(ellipse, rgba(255,255,255,1) 27%, rgba(237,236,233,0.05) 100%);
	background: radial-gradient(ellipse, rgba(255,255,255,1) 27%, rgba(237,236,233,0.05) 100%);
	-webkit-box-shadow: 0px 0px 10px 10px inset rgba(237,236,233,0.05), -5px 20px 20px -10px rgba(255,255,255,0.5), 5px 0px 20px 5px rgba(255,255,255,0.2), 0px -10px 10px rgba(255,255,255,0.15);
	box-shadow: 0px 0px 10px 10px inset rgba(237,236,233,0.05), -5px 20px 20px -10px rgba(255,255,255,0.5), 5px 0px 20px 5px rgba(255,255,255,0.2), 0px -10px 10px rgba(255,255,255,0.15);
	overflow-y: auto;
	max-height: 195px;
	-ms-overflow-style: none;  /* IE and Edge */
	/* -- scrollbar-width: thin;  /* Firefox  "Property scrollbar-width doesn't exist" -- */
}
/* Hide scrollbar for Chrome, Safari and Opera */
.submenu::-webkit-scrollbar { display:  none;}

.submenu li { 
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 -1px 1px #fff;
	box-shadow: 0 -1px 1px #fff;
	padding-top: 0.413em;
	padding-bottom: 0.413em;
	margin-right: 0.207em;
	margin-left: 0.413em;
	display: none;
	opacity: 0;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

.submenu li:first-of-type { 
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.submenu li:last-of-type { padding-bottom: 0.413em;}
.submenu-open:hover .submenu li {
	opacity: 1;
	display: block;
}
.submenu-open:hover .submenu a { color: #3e3e3c;}
.submenu-open:hover .submenu a:hover, .submenu-open:hover li.active a { color: #87b303;}
/* -- END header.site-header & navigation styles -- */

.main-content-2r, .main-content-1r {
	display: -webkit-flex;
	-webkit-flex: 1 0 auto;
	-webkit-justify-content: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding: 0 1.445em;
	opacity: 0;
	-webkit-animation: fade-in-up 1s 250ms cubic-bezier(.32,.53,.4,1.18) forwards;
	animation: fade-in-up 1s 250ms cubic-bezier(.32,.53,.4,1.18) forwards;
}

.one-col-row, .two-col-row, .main-col, .sidebar { width: 100%;}
/* try to solvecentering these
.one-col-row, .two-col-row { padding: 0 1.65em;}*/
.two-col-row {
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.main-col, .sidebar { padding: 0;}
.error404 .sidebar aside { padding-left: 0;}

/* -- Footer .site-footer -- */

.site-footer {
	border-top: solid 1px #b4b3b0;
	-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 4px 8px rgba(0, 0, 0, 0.025) inset;
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 1) inset, 0px 4px 8px rgba(0, 0, 0, 0.025) inset;
	margin-top: 1.65em;
}

.site-footer .container {
	margin: 0 auto;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-webkit-align-items: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding-top: 0.413em;
	padding-bottom: 0.825em;
}

.footer-menu ul {
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-webkit-align-items: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.site-footer p, .site-footer a {
	font-size: 0.772rem;
	color: #3e3e3c;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}
.site-footer p.legal {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	margin-top: 0.104rem;
}
.site-footer a:first-of-type {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	margin-top: 0;
}
.site-footer a { color: #3e3e3c;}
.site-footer a:hover { color: #87b303;} 

.site-footer .credit {
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
	text-indent: -10000px;
	width: 78px;
	height: 20px;
	background: #ffffff url("../images/allotment-logo-78-60.png") no-repeat left top;
	margin-top: -23px;
	-webkit-align-self:flex-end;
	-ms-flex-item-align:end;
	align-self:flex-end;
	margin-right: 0.263em;
}
.site-footer .credit .img-responsive { 
	width: 78px;
	height: 20px;
	vertical-align: baseline;
}
.site-footer .credit:hover { background: #ffffff url("../images/allotment-logo-78-60.png") no-repeat left -40px;}  
/* --- END Footer --- */

/* ---  Common page styles --- */
.thumbnails figure img { max-width: 318px;}
.featured img { max-width: 255px;}
.rw-example  {
	margin-bottom: 26px;
	padding-bottom: 1rem;
	border-bottom: 1px solid rgba(81, 89, 90, 0.6);
	-webkit-box-shadow: 0px 1px 0px #ded5b9;
	box-shadow: 0px 1px 0px #ded5b9;
	border-bottom: solid 1px #b4b3b0;
	-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}
.rw-example:last-of-type {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 0;
	padding-bottom: 0.825rem;
}
.rw-example:last-of-type p { margin-bottom: 0;}

/* THUMBNAILS Lightbox .modal IF not shown until 768 */
/*
.thumbnails figure  { 
	overflow: hidden;
	cursor: default;
	pointer-events: none;
}
.thumbnails figure:hover .zoom-box { 
	-ms-transform: scale(1); /* IE 9 */
	/*-webkit-transform: scale(1); /* Safari 3-8 */
	/*transform: scale(1);
	box-shadow: none;
}*/

/* END Thumbnails Lightbox(.modal)*/

/* -- THUMBNAILS .thumbnails figure --*/ 

.thumbnails figure { 
	overflow: hidden;
	cursor: pointer;
	pointer-events: all;
	-ms-flex-preferred-size: 27%;
	flex-basis: 27%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 27%;
	flex: 0 0 27%;
	width: 122px;
}

.zoom-box { 
	-webkit-transition: -webkit-transform .3s; 
	transition: -webkit-transform .3s; 
	-o-transition: transform .3s; 
	transition: transform .3s; 
	transition: transform .3s, -webkit-transform .3s;
}

.thumbnails figure:hover .zoom-box { /* IE 9 */
	-webkit-transform: scale(1.03); /* Safari 3-8 */
	-ms-transform: scale(1.03);
	    transform: scale(1.03);
	-webkit-box-shadow: 0px 20px 5px -15px rgba(114, 114, 111, 0.65);
	box-shadow: 0px 20px 5px -15px rgba(114, 114, 111, 0.65);
}

.thumbnails figure:hover figcaption li { color: #81AC86;}

/* --- REMOVE border and padding-left ---*/


/* --- ADD border and padding-left ---*/


/* -- END THUMBNAILS .thumbnails figure --*/ 

/* -- SHOW LIGHTBOX/MODAL -- */	
/* The Modal (background) */
.modal {
	display: none;
	position: fixed;
	z-index: 150;
	left: 0;
	top: -17px;
	width: 100%;
	height: 101%;
	overflow: auto;
	background-color: #EDECE9;
}

/* Modal Content */
.modal-content {
	position: relative;
	margin: auto;
	margin-top: 83px;
	padding: 0;
	max-width: 608px; /* for 768, based on largest =725px image scaled to height: 414px*/
	max-height: 414px;
	width: 255px;	
}
.modal-content h2 {
	font-size: 1.067rem;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-top: 0;
	padding-top: 0;	
	position: absolute;
	left: -16px;
	top: -49px;
}
.upanddown .modal-content h2 { font-size: 1rem;}
.modal-content h3 {
	position: absolute;
	left: -58px;
	top: -109px;
}
	
/* The Close Button */
.close {
	color: rgba(62, 62, 60, 0.2);
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	position: absolute;
	top: -90px;
	right: -40px;
	padding: 16px;
	font-size: 44px;
	font-weight: bold;
	cursor: pointer;
	-webkit-transition: 200ms ease-out color;
	-o-transition: 200ms ease-out color;
	transition: 200ms ease-out color;
	z-index: 160;
}
.close:hover, .close:focus {
	color: red;
	text-decoration: none;
	cursor: pointer;
}
	
.prev,.next {
	cursor: pointer;
	position: absolute;
	top: 81px;
	width: auto;
	padding: 16px;
	color: rgba(62, 62, 60, 0.2);
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	font-weight: bold;
	font-size: 24px;
	-webkit-transition: 200ms ease-out;
	-o-transition: 200ms ease-out;
	transition: 200ms ease-out;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none;
}
.prev { left: -34px;}
.next { right: -34px;}
.prev:hover, .next:hover { color: #87b303;}
.home .prev, .home .next, .l-sketch .prev, .l-sketch .next { top: 55px;}

.leitfie .prev, .leitfie .next, .untilalmost .prev, .untilalmost .next, .upanddown .prev, .upanddown .next, .uphall .prev, .uphall .next  { top: 78px;}


/* Number text (1/3 etc) */
.numbertext {
	font-family: "Open Sans",sans-serif;
	font-size: 0.772rem;
	font-weight: 400;
	color: rgba(62, 62, 60, 0.45);
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	float: right;
	padding: 1.65em 0 0 0;
	position: absolute;
	top: 244px;
	left: 81%;
}
.home .numbertext { 
	top: 220px;
	left: 87%;
}
.l-sketch .numbertext { 
	top: 194px;
	left: 81%;
}
.untilalmost .numbertext { 
	top: 266px;
	left: 87%;
}
.uphall .numbertext { 
	top: 244px;
	left: 87%;
}
/* Caption text */
.caption-container {
	color: rgba(62, 62, 60, 0.65);
	width: 100%;
	position: absolute;
	top: 241px;
	padding-left: 0.207em;
	padding-right: 0.207em;
}
.home .caption-container, .l-sketch .caption-container { top: 192px;}

p#caption {
	font-family: "Open Sans",sans-serif;
	font-size: 0.823rem;
	font-weight: 400;
	color: rgba(62, 62, 60, 0.65);
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	margin: 0;
	padding: 0;
	width: 100%;
}
#caption span { 
	display: inline-block;
	width: 100%;
}
.scotchness #caption span:nth-child(1) {
	display:inline;
	font-style: italic;
	letter-spacing: -0.025em;
	word-spacing: -0.05em;
}
.mySlides  {
	margin: 0 auto;
	margin-top: 1.65em;
	position: relative;
}

.push-down  { top: 43px;}

.leitfie .push-down  { top: 34px;}
.leitfie .push-down .numbertext { top: 210px;}

.untilalmost .push-down  { top: 6px;}
.untilalmost .push-down .numbertext { top: 260px;}
.untilalmost .push-down2  { top: 25px;}
.untilalmost .push-down2 .numbertext { top: 241px;}

.upanddown .push-down  { top: 26px;}
.upanddown .push-down .numbertext { top: 218px;}
.upanddown .push-down2  { top: 6px;}
.upanddown .push-down2 .numbertext { top: 238px;}
.upanddown .push-down3  { top: 13px;}
.upanddown .push-down3 .numbertext { top: 231px;}
/* top added after 1170*/
.push-down1, .push-down1b, .push-down1c { top: 0px;}

.push-down .numbertext { top: 201px;}
.push-down2 { top: 21px;}
.push-down2 .numbertext { top: 223px;}
.leitfie .push-down2 { top: 58px;}
.leitfie .push-down2 .numbertext { top: 186px;}

.push-down3  { top: 33px;}
.push-down3 .numbertext { top: 211px;}
.leitfie .push-down3 { top: 25px;}
.leitfie .push-down3 .numbertext { top: 219px;}

.push-down4  { top: 18px;}
.push-down4 .numbertext { top: 226px;}
.push-down5  { top: 12px;}
.push-down5 .numbertext { top: 232px;}
.push-down6  { top: 28px;}
.push-down6 .numbertext { top: 216px;}
.mySlides img {
	margin: 0 auto;
	max-height: 230px;
	width: auto;
}
.l-sketch .mySlides img { max-height: 183px;}

.column-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	position: absolute;
	left: 0;
	top: 305px;
	width: 100%;
}

.home .column-container { top: 282px;}
.l-sketch .column-container { top: 255px;}
.untilalmost .column-container { top: 327px;}
.column-container .column {
	width: 20%;/* for Flexbox if req */
	margin-right: 0.825em;
	padding-bottom: 0.825em;
}
/*.column-container .column:nth-of-type(4), .column-container .column:nth-of-type(8) { margin-right: 0;}*/

.column-container .column:nth-child(4n) { margin-right: 0;}

.column-container .column img {
	cursor: pointer;
	opacity: 1;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.column-container .column img:hover, .column-container .column img.active {
	opacity: 0.5;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
	
/* Hide the slides by default */
.mySlides { display: none;}
/* use fade-in -slide from 080221 */
@-webkit-keyframes fade-in-slide {
  0% { opacity: 0;}
  100% { opacity: 1;}
}
@keyframes fade-in-slide {
  0% { opacity: 0;}
  100% { opacity: 1;}
}
@-webkit-keyframes fade-in-r-small {
  0% { 
			opacity: 0.85;
			-webkit-transform: translateX(-8px);
			transform: translateX(-8px);
	}
	50% { -webkit-transform: translateX(1px); transform: translateX(1px);}
  100% { 
			opacity: 1;
			-webkit-transform: translateX(0px);
			transform: translateX(0px);	
	}
}
@keyframes fade-in-r-small {
  0% { 
			opacity: 0.85;
			-webkit-transform: translateX(-8px);
			transform: translateX(-8px);
	}
	50% { -webkit-transform: translateX(1px); transform: translateX(1px);}
  100% { 
			opacity: 1;
			-webkit-transform: translateX(0px);
			transform: translateX(0px);	
	}
}
@-webkit-keyframes fade-in-only {
  0% { 
			opacity: 0;
			-webkit-transform: translateX(-8px);
			transform: none;
	}
	50% { -webkit-transform: none; transform: none;}
  100% { 
			opacity: 1;
			-webkit-transform: none;
			transform: none;	
	}
}
@keyframes fade-in-only {
  0% { 
			opacity: 0;
			-webkit-transform: translateX(-8px);
			transform: none;
	}
	50% { -webkit-transform: none; transform: none;}
  100% { 
			opacity: 1;
			-webkit-transform: none;
			transform: none;	
	}
}
/* 080221 use fade-in-right and left when available */
	/*
	@keyframes fade-in-right  {
  0% { 
			opacity: 0;
			transform: translateX(-100%);
		}
		33% {
			opacity: .5;
			
		}
		50% {
			opacity: 1;
			
		}
  100% { 
			opacity: 1;
			transform: none;
		}
}
@keyframes fade-in-left  {
  0% { 
			opacity: 0;
			transform: translateX(100%);
		}
		33% {
			opacity: .5;
			
		}
		50% {
			opacity: 1;
			
		}
  100% { 
			opacity: 1;
			transform: none;
		}
}
*/

.mySlides img  {
	opacity: 0.85;
	-webkit-transform: translatex(-8px);
	-ms-transform: translatex(-8px);
	    transform: translatex(-8px);
	-webkit-animation: fade-in-r-small 350ms 50ms cubic-bezier(0, 0.37,.4,1.02) forwards;
	animation: fade-in-r-small 350ms 50ms cubic-bezier(0, 0.37,.4,1.02) forwards;
}

/*
.mySlides-reverse  {
	opacity: 0;
	transform: translateX(100%);
	animation: fade-in-left 0.5s .2s cubic-bezier(.2,0,0,1) forwards;
}
*/
	
/* -- END LIGHTBOX -- */

/* TABS used on policies.html  */
.tab {
	overflow: hidden;
	border-bottom: 1px solid #b4b3b0;
	-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	display: block;
	margin-top: 0.929em;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	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: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: 100%;
}

.tab button {
	border: none;
	border-top: 1px solid #edece9;
	border-right: 1px solid #edece9;
	border-left: 1px solid #edece9;
	border-radius: 3px;
	outline: none;
	cursor: pointer;
	background-color: inherit;
	padding: 0.825em 0.62em;
	margin-right: 0.207em;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	font-weight: 400;
	color: #3e3e3c;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	font-size: 16.87px;
	font-size: 0.937rem;
	font-size: 18px;
	font-size: 1rem;		
}
.tab button:nth-of-type(3) { margin-right: 0;}

.tab button:hover {
	background-color: inherit;
	color: #D66F6D;
	border-top: 1px solid #b4b3b0;
	border-right: 1px solid #b4b3b0;
	border-left: 1px solid #b4b3b0;
	border-radius: 3px;
	-webkit-animation: fadeEffect 500ms;
	animation: fadeEffect 500ms;
}

.tab button.active {
	background-color: inherit;
	color: #D66F6D;
	border-top: 1px solid #b4b3b0;
	border-right: 1px solid #b4b3b0;
	border-left: 1px solid #b4b3b0;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1), 
	1px 0px 0px rgba(255, 255, 255, 1), 
	1px 0px 0px rgba(255, 255, 255, 1) inset, 
	0px 1px 0px rgba(255, 255, 255, 1) inset;
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 1), 
	1px 0px 0px rgba(255, 255, 255, 1), 
	1px 0px 0px rgba(255, 255, 255, 1) inset, 
	0px 1px 0px rgba(255, 255, 255, 1) inset;
}

.tabcontent {
	display: none;
	padding: 0.413em 0;
	-webkit-animation: fadeEffect 700ms;
	animation: fadeEffect 700ms;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
/* ENDS Tabs used on policies.html  */
/* ---  END Common page styles --- */

/* --- Contact Page --- */

/* Contact Form #contact-form flex no grid --- inside .main-col */

#contact-form { 
	margin-top: 0.825em;
	max-width: 270px;
}
#contact-form p, #contact-form label, #contact-form input, #contact-form textarea {
    display: block;
}
#contact-form .d-none { display: none;}
.warning { 
	padding: 0;
	margin: 0;
	font-size: 14.82px;
	font-size: 0.823rem;
	line-height: 1.15;
	margin-left: 0.825em;
}
.warning::before, #contact-form label:after {
	content: ' \002A';
	color: #D95A90;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}
.warning::before { 
	margin-left: -0.825em;
	padding-right: 0.263em;
}
.fieldset {
	padding: 0.825em 0.825em 1.65em 0.825em;
	border: 1px solid #b4b3b0;
	-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1), 1px 0px 0px rgba(255, 255, 255, 1), 1px 0px 0px rgba(255, 255, 255, 1) inset,  0px 1px 0px rgba(255, 255, 255, 1) inset;
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 1), 1px 0px 0px rgba(255, 255, 255, 1), 1px 0px 0px rgba(255, 255, 255, 1) inset,  0px 1px 0px rgba(255, 255, 255, 1) inset;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.fieldset:nth-of-type(2) {
	border:none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.fieldset .column { margin-top: 0.620em;}
.fieldset:nth-of-type(2) .column:nth-of-type(2) { margin-top: 1.238em;}
#contact-form label {
	padding-top: 0.413em;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}
#contact-form label span { display: none;}
#contact-form input, textarea {
	font-size: 16.87px;
	font-size: 0.937rem;
	width: 100%;
	margin-top: 0.207em;
	padding: 0.207em 0.413em 0.413em 0.413em;
	background-color: rgba(255, 255, 255, 0.75);
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	border: 1px solid #b4b3b0;
}
textarea { height: 149px;}
.g-recaptcha { 
	-webkit-transform:scale(0.85);
	-ms-transform: scale(0.9);
	    transform: scale(0.9);
	margin-left: -30px;
}
.btn-send { 
	color: #D66F6D;
	text-transform: uppercase;
	position: relative;
	width: 120px;
	padding: 1.1em;
	border-radius: 0;
	background: none;
	border: 1px solid #b4b3b0;
	-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1), 1px 0px 0px rgba(255, 255, 255, 1), 1px 0px 0px rgba(255, 255, 255, 1) inset,  0px 1px 0px rgba(255, 255, 255, 1) inset;
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 1), 1px 0px 0px rgba(255, 255, 255, 1), 1px 0px 0px rgba(255, 255, 255, 1) inset,  0px 1px 0px rgba(255, 255, 255, 1) inset;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
	margin-left: -12px;
	border-radius: 3px;
	margin-left: 60px;
}
.btn-send + i { 
	position: absolute;
	left: 165px;
	top: 53px;
	z-index: 10;
	color: #D66F6D;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}
.btn-send:hover, .btn-send:hover + i {
	color: #87b303;
	background-color: rgba(255, 255, 255, 0.75);
}
/* END Contact Form #contact-form -- inside .main-col */ 
/* -- END Contact Page -- */

/* --  ERROR Pages -- */

.sitemap {
	width: 100%;
	margin-top: 0.825em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.error404 .sitemap { margin-top: 0.85em;}
.sitemap1 {
	margin-top: 0;
	margin-right: 0;
}
.sitemap2 { margin-top: 0;}
.sitemap1 .fa-arrow-right { 
	opacity: 0.6;
	-webkit-transform: translate(5px, 0px);
	-ms-transform: translate(5px, 0px);
	    transform: translate(5px, 0px);
}
.sitemap1 li:nth-of-type(4) { margin-top: 5em;}
.sitemap-page .sidebar p:first-of-type { margin-top: 0.91em;}
/* --  END Error Pages -- */	

@supports (display: grid) { 
	body {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 100%;
		grid-template-columns: 100%;
		-ms-grid-rows:
		auto
		auto
		1fr
		auto;
		grid-template-rows:
		auto
		auto
		1fr
		auto;
		    grid-template-areas: 
		"intro"
		"sh"
		"main"
		"sf";
	}
	.intro { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: intro;}
	.site-header { -ms-grid-row: 2; -ms-grid-column: 1; grid-area: sh;}
	.main-content-2r { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: main;}
	.main-content-1r { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: main;}
	.site-footer { -ms-grid-row: 4; -ms-grid-column: 1; grid-area: sf;}

	.site-header {
		display: -ms-grid;
		display: grid;
		grid-gap: 0;
		grid-template-columns: 1fr minmax(-webkit-max-content, 1170px) 1fr;
		-ms-grid-columns: 1fr 0 minmax(-webkit-max-content, 1170px) 0 1fr;
		-ms-grid-columns: 1fr 0 minmax(max-content, 1170px) 0 1fr;
		grid-template-columns: 1fr minmax(max-content, 1170px) 1fr;
		    grid-template-areas:
		". h-central .";
	}
	.site-header .container { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: h-central;}
	
	.site-header .container {
		display: -ms-grid;
		display: grid;
		grid-gap: 0;
		-ms-grid-columns: auto 0 1fr 0 auto;
		grid-template-columns: auto 1fr auto;
		    grid-template-areas:
		"logo . nav-toggle-label";
		justify-items: stretch;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 1.24em 0.825em;
	}
	.logo { 
		-ms-grid-row: 1; 
		-ms-grid-column: 1; 
		grid-area: logo;
  		margin-top: -1px;
	}

	.nav-toggle-label { 
		-ms-grid-row: 1; 
		-ms-grid-column: 5; 
		margin-top: 1px;
		grid-area: nav-toggle-label;}
	
	.main-content-1r {
		display: -ms-grid;
		display: grid;
		grid-gap: 0;
		-ms-grid-rows: auto;
		grid-template-rows: auto;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		    grid-template-areas:
			"two-col-row";	
	}
	.two-col-row { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: two-col-row;}
	.main-content-2r > .two-col-row { -ms-grid-row: 1; -ms-grid-column: 1;}

	.main-content-2r {
		display: -ms-grid;
		display: grid;
		grid-gap: 0;
		-ms-grid-rows: auto 0 1fr;
		grid-template-rows: auto 1fr;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		    grid-template-areas:
		"two-col-row"
		"one-col-row";	
	} 
	.two-col-row { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: two-col-row;} 
	.main-content-2r > .two-col-row { -ms-grid-row: 1; -ms-grid-column: 1;}
	.one-col-row { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: one-col-row;}

	.two-col-row {
		display: -ms-grid;
		display: grid;
		-ms-grid-rows: auto;
		grid-template-rows: auto;
		-ms-grid-columns: 1fr ;
		grid-template-columns: 1fr ;
		    grid-template-areas:
			"main-col" 
			"sidebar";
	}
	.main-col { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: main-col;}
	.sidebar { -ms-grid-row: 2; -ms-grid-column: 1; grid-area: sidebar;}
	@media screen and (min-width: 992px) {
		
		.main-col { -ms-grid-row: 1; -ms-grid-column: 1;
		}
		
		.sidebar { -ms-grid-row: 1; -ms-grid-column: 3;
		}}
	
	.thumbnails {
			display: -ms-grid;
			display: grid;
			-ms-grid-columns: 1fr 0.103em 1fr;
			grid-template-columns: repeat(2, 1fr);
			grid-column-gap: 0.103em;	
	}
	
	.site-footer .container {
		display: -ms-grid;
		display: grid;
		-ms-grid-rows: auto;
		grid-template-rows: auto;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		    grid-template-areas:
			"policies s-map" 
			"legal credit";
	} 
	
	.policies { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: policies;}
	.s-map { 
		-ms-grid-row: 1; 
		-ms-grid-column: 2; 
		grid-area: s-map;
		-ms-grid-column-align: end;
		    justify-self: end;
		margin-right: 0.263em;
	}
	.legal { -ms-grid-row: 2; -ms-grid-column: 1; grid-area: legal;}
	.credit { -ms-grid-row: 2; -ms-grid-column: 2; grid-area: credit;}
	@media screen and (min-width: 480px) {
		.policies { -ms-grid-row: 1; -ms-grid-column: 2;
		}
		.s-map { -ms-grid-row: 1; -ms-grid-column: 3;
		}
		.legal { -ms-grid-row: 1; -ms-grid-column: 1;
		}
		.credit { -ms-grid-row: 1; -ms-grid-column: 4;
		}}
	.site-footer .credit { 
		margin-top: 0;
		-ms-grid-column-align: end;
		    justify-self: end;
		-ms-flex-item-align: center;
		-ms-grid-row-align: center;
		    align-self: center;
	}
	/*
	figcaption ul { 
		display: grid;
		grid-template-rows: repeat(4, auto);
		grid-template-columns: auto auto 1fr;
		grid-template-areas:
			"work-title work-title work-title"
			"work-detail-1 work-detail-1 work-detail-1"
			"work-detail-2 work-detail-2 work-detail-2"
			"work-detail-3 work-detail-3 work-detail-3";
	}
	.featured figcaption ul { 
		display: grid;
		grid-template-rows: repeat(3, auto);
		grid-template-columns: auto 1fr;
		grid-template-areas:
			"work-title work-title"
			"work-detail-1 work-detail-2"
			"work-detail-3 work-detail-4";
	}
	.featured figcaption li:first-of-type { grid-area: work-title;}
	.featured figcaption li:nth-of-type(2) { grid-area: work-detail-1;}
	.featured figcaption li:nth-of-type(3) { grid-area: work-detail-2;}
	.featured figcaption li:nth-of-type(4) { grid-area: work-detail-3;}
	.featured figcaption li:nth-of-type(5) { grid-area: work-detail-4;}
 
	.untilalmost .featured figcaption ul,
	.untilalmost .thumbnails figcaption ul,
	.upanddown .featured figcaption ul,
	.upanddown .thumbnails figcaption ul,
	.leitfie .featured figcaption ul,
	.leitfie .thumbnails figcaption ul,
	.scotchness .featured figcaption ul,
	.scotchness .thumbnails figcaption ul
	{ 
		display: grid;
		grid-template-rows: repeat(3, auto);
		grid-template-columns: auto auto 1fr;
		grid-template-areas:
			"work-title work-title work-title"
			"work-detail-1 work-detail-2" 
			"work-detail-3 work-detail-3";
	}
	
	figcaption li:first-of-type { grid-area: work-title;}
	figcaption li:nth-of-type(2) { grid-area: work-detail-1;}
	figcaption li:nth-of-type(3) { grid-area: work-detail-2;}
	figcaption li:nth-of-type(4) { grid-area: work-detail-3;}
	*/
	.print-details { 
		display: -ms-grid; 
		display: grid;
		-ms-grid-rows: (auto)[3];
		grid-template-rows: repeat(3, auto);
		-ms-grid-columns: auto ;
		grid-template-columns: auto ;
		    grid-template-areas:
			"detail-1" 
			"detail-2" 
			"detail-3";
	}
	.print-details li:first-of-type { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: detail-1;}
	.print-details li:nth-of-type(2) { -ms-grid-row: 2; -ms-grid-column: 1; grid-area: detail-2;}
	.print-details li:nth-of-type(3) { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: detail-3;}
	.print-details figure + p { padding-right: 1.65em;}
	
	.sitemap {
		width: 100%;
		display: -ms-grid;
		display: grid;
		-ms-grid-rows: auto;
		grid-template-rows: auto;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		    grid-template-areas:
		"sitemap1 sitemap2";
	}
	.sitemap1  { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: sitemap1;}
	.sitemap2  { -ms-grid-row: 1; -ms-grid-column: 2; grid-area: sitemap2;}
	.sitemap-page .sitemap { -ms-grid-columns: 42% 45%; grid-template-columns: 42% 45%;}
	.error404 .sitemap { -ms-grid-columns: 39% 45%; grid-template-columns: 39% 45%;} 
} /* End feature-query */

@-webkit-keyframes fade-in-down  {
  0% { 
			opacity: 0;
			-webkit-transform: translateY(-8px);
			transform: translateY(-8px);
	}
	50% {
			opacity: 1;
			-webkit-transform: translateY(2px);
			transform: translateY(2px);
	}
  100% { 
			opacity: 1;
			-webkit-transform: translateY(0px);
			transform: translateY(0px);
	}
}

@keyframes fade-in-down  {
  0% { 
		opacity: 0;
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
	50% {
		opacity: 1;
		-webkit-transform: translateY(2px);
		transform: translateY(2px);
	}
  100% { 
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@-webkit-keyframes fade-in-up  {
  0% { 
			opacity: 0;
			-webkit-transform: translateY(8px);
			transform: translateY(8px);
	}
	50% {
			opacity: 1;
			-webkit-transform: translateY(-2px);
			transform: translateY(-2px);
	}
  100% { 
			opacity: 1;
			-webkit-transform: translateY(0px);
			transform: translateY(0px);
	}
}

@keyframes fade-in-up  {
  0% { 
		opacity: 0;
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}
	50% {
		opacity: 1;
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	}
  100% { 
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

.main-content-2r-inplace {
	-webkit-animation: fade-in-up 1s 4s cubic-bezier(.32,.53,.4,1.18) forwards;
	animation: fade-in-up 1s 4s cubic-bezier(.32,.53,.4,1.18) forwards;	
}
.modal {
	opacity: 0;
	-webkit-animation: fade-in 0.2s 0.05s ease-in forwards;
	animation: fade-in 0.2s 0.05s ease-in forwards;
}
/* -- END Layout END SMALLEST Devices/ 320-479 Mobile  -- */


/* --- Small Devices/ 480 up Mobile   --- */
@media screen and (min-width: 480px) {
	
	.intro::before { border-bottom:  3.30em solid rgba(255, 255, 255, 0);}
	@-webkit-keyframes fade-slide-down-aro {
		0% {
			opacity: 0;
			-webkit-transform: translateY(-250px);
			transform: translateY(-250px);										
		}
		100% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}
	@keyframes fade-slide-down-aro {
		0% {
			opacity: 0;
			-webkit-transform: translateY(-250px);
			transform: translateY(-250px);										
		}
		100% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}
	.one-col-row h2 + p { padding-right: 0;}
	p.sub-head { padding-right: 5.775em;}
	.untilalmost p.sub-head { padding-right: 0;}
	.voice p.sub-head { padding-right: 0;} 
	.upanddown h3 + p.sub-head { padding-right: 0em;} 
	
	.thumbnails p:first-of-type, .upanddown .thumbnails p:first-of-type, .leitfie .thumbnails p:first-of-type { width: auto;}
	
	.two-col-row h2, .one-col-row aside h4, .sidebar h4 { width: 95%;}
	
	.submenu { max-height: 150px;}
	.submenu-open:hover .submenu li { width: 95%;}
	
	#top-btn { bottom: 59px;}
	/* featured images scaled to image and title within h:480px screen */
	.featured img { max-width: 318px;}
	.untilalmost .featured img { max-width: 229px;}
	.uphall .featured img { max-width: 272px;}
	.leitfie .featured img { max-width: 250px;}
	.voice .featured img { max-width: 250px;}
	.blackness .featured img { max-width: 193px;}
	.scotchness .featured img { max-width: 269px;}
	/* --- Figures-Figcaptions ---*/ 
	.artinfo li:nth-of-type(2), 
	.artinfo li:nth-of-type(5), 
	.artinfo li:nth-of-type(8) { padding-right: 0em;}
	/* --- END Figures-Figcaptions ---*/
	.modal-content h2 { left: -88px;}
	.upanddown .modal-content h2 {font-size: 1.067rem;}
	.close { right: -105px;}
	.mySlides { max-width: 268px;}
	.prev { left: -104px;}
	.next { right: -104px;}
	.prev, .next { top: 77px;}
	
	.voice .column-container { left: 2px;}
	
	.site-footer .container { 
		-webkit-box-orient: horizontal; 
		-webkit-box-direction: normal; 
		-ms-flex-direction: row; 
		flex-direction: row;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.site-footer p.legal { 
		-webkit-box-ordinal-group: 2; 
		-ms-flex-order: 1; 
		order: 1;
		margin-top: 0;
	}
	.site-footer a:first-of-type { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2;}

	.site-footer .credit { margin: -1px 0.263em 2px 0;}

	.home article:nth-of-type(3) .fas { margin-left: 0.25rem;}
	
	/* Contact Form #contact-form */ 
	#contact-form, #contact-form p { max-width: 100%;} 
	.fieldset { padding: 0.825em 1.032em 1.65em 1.032em;}
	.fieldset:nth-of-type(2) {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.fieldset:nth-of-type(2) .column:nth-of-type(2) {
		margin-top: 0.620em;
		-ms-flex-item-align: center;
		-ms-grid-row-align: center;
		    align-self: center;
	}
	.g-recaptcha { margin-left: -34px;}
	.btn-send { margin-left: 0;}
	/* END Contact Form #contact-form */
	
	.main-col p, .main-col ul, .sidebar p, .sidebar ul { max-width: 80%;}
	.home p.sub-head { max-width: 100%;}

	.contact .sidebar p, .sitemap-page .sidebar p { max-width: 75%;}

	.tab { max-width: 80%;}
	.tab button {
		padding-right: 0.825em;
		margin-right: 1.65em;
		}
	.main-col .sitemap1 li:nth-of-type(4) { margin-top: 118px;}
	.sidebar .sitemap1 li:nth-of-type(4) { margin-top: 111px;}
	
	@supports (display: grid) {
	
		.thumbnails {
			display: -ms-grid;
			display: grid;
			-ms-grid-columns: 1fr 0.103em 1fr 0.103em 1fr;
			grid-template-columns: repeat(3, 1fr);
			grid-column-gap: 0.103em;	
	}
		.site-footer .container {
			display: -ms-grid;
			display: grid;
			-ms-grid-rows: auto;
			grid-template-rows: auto;
			-ms-grid-columns: auto auto auto auto;
			grid-template-columns: auto auto auto auto;
			    grid-template-areas: "legal policies s-map credit";
						justify-items: stretch;
						-webkit-box-align: center;
						-ms-flex-align: center;
						align-items: center;
		}
		.s-map { margin-right: 0;}
		
		.sitemap-page .sitemap { -ms-grid-columns: 28% 38%; grid-template-columns: 28% 38%;}
		.error404 .sitemap { -ms-grid-columns: 26% 45%; grid-template-columns: 26% 45%;}
		.error404 .sitemap1 .fa-arrow-right { -webkit-transform: translate(8px, 0px); -ms-transform: translate(8px, 0px); transform: translate(8px, 0px);}
	} 
}
/* -- END Small Devices/ 480 Mobile -- */


/* -- 600px up Small Devices/Mobile -- */

@media screen and (min-width: 600px) {

	.one-col-row p, .one-col-row aside p .sidebar p { max-width: 80%;}

	.blackness .one-col-row aside p:first-of-type { max-width: 84%;}
	.voice .one-col-row aside p:first-of-type { max-width: 85%;}
	.untilalmost .one-col-row aside p:first-of-type, .upanddown .one-col-row aside p:first-of-type { max-width: 83%;}
	.leitfie .one-col-row aside p:first-of-type { max-width: 85%;}
	.l-sketch .one-col-row aside p:first-of-type { max-width: 95%;}
	.l-sketch .one-col-row aside p:nth-of-type(2) { max-width: 90%;}
	.uphall .one-col-row aside p:first-of-type { max-width: 86%;}
	
	.untilalmost .feature figure .img-responsive { max-width: 512px;}
	.blackness .feature figure .img-responsive { max-width: 459px;}
	.leitfie .feature figure .img-responsive { max-width: 626px;}
	.scotchness .feature figure .img-responsive { max-width: 600px;}
	.uphall .feature figure .img-responsive { max-width: 425px;}
	
	.policies .main-col h3, .policies .main-col h4 { max-width: 80%;}
	
	/* -- THUMBNAILS .gallery for FLEXBOX grid version -- */
	.thumbnails {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.thumbnails figure { 
		-ms-flex-preferred-size: 44%; 
		flex-basis: 44%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 44%;
		flex: 0 0 44%;
		margin-top: 1.65em;
		margin-right: 2.475em;
	}
	.thumbnails figure:nth-child(2n) { margin-right: 0;}
	/* -- END THUMBNAILS .gallery for FLEXBOX grid version -- */
	
	/* --- Figures-Figcaptions ---*/ 

	.leitfie figure:nth-of-type(5) { margin-top: 1.65em;}
	.leitfie .feature figcaption li:nth-of-type(2),
	.leitfie figure:nth-of-type(4) li:nth-of-type(2) { margin-right: 0;}
	
	/* --- END Figures-Figcaptions ---*/
	
	#contact-form { max-width: 80%;}
	.error404 .main-col p { max-width: 80%;}
	.main-col .sitemap1 li:nth-of-type(4) { margin-top: 89px;}
	.sidebar .sitemap1 li:nth-of-type(4) { margin-top: 83px;}
	.contact .sidebar p, .sitemap-page .sidebar p { max-width: 78%;}
	#top-btn {
		bottom: 55px;
		right: 5px;
	}
	
	@supports (display: grid) {
		.thumbnails {
			display: -ms-grid;
			display: grid;
			-ms-grid-columns: (1fr)[4];
			grid-template-columns: repeat(4, 1fr);
		}
		.thumbnails figure { margin-right: 0;}
		.thumbnails ul { width: auto;}
			
		.sitemap-page .sitemap { -ms-grid-columns: 22% 32%; grid-template-columns: 22% 32%;}
		.error404 .sitemap { -ms-grid-columns: 21% 45%; grid-template-columns: 21% 45%;}
		.error404 .sitemap1 .fa-arrow-right { -webkit-transform: translate(9px, 0px); -ms-transform: translate(9px, 0px); transform: translate(9px, 0px);}
	}
}
/* -- END 600px up Small Devices/Mobile -- */

/* -- 640px up Small Devices/Mobile -- */

@media screen and (min-width: 640px) {
	
	.prev, .next { top: 147px;}
	.caption-container { top: 382px;}
	.home .caption-container { top: 382px;}
	.numbertext {
		top: 388px;
		left: 92%;
	}
	.home.numbertext {
		top: 364px;
		left: 92%;
	}
	.column-container { top: 448px;}
	.home .column-container {top: 448px;}
}

/* -- 667px up Small Devices/Mobile -- */

@media screen and (min-width: 667px) {
	
	.prev, .next { top: 155px;}
	.caption-container { top: 398px;}
	.home .caption-container { top: 398px;}
	.numbertext {
		top: 404px;
		left: 92%;
	}
	.home.numbertext {
		top: 400px;
		left: 92%;
	}
	.column-container { top: 464px;}
	.home .column-container {top: 464px;}

}
/* -- 680px up Small Devices/Mobile -- */

@media screen and (min-width: 680px) {
	.prev, .next { top: 160px;}
	.caption-container { top: 398px;}
	.home .caption-container { top: 408px;}
	.numbertext {
		top: 410px;
		left: 92%;
	}
	.home.numbertext {
		top: 410px;
		left: 92%;
	}
	.column-container { top: 474px;}
	.home .column-container {top: 474px;}

}
/* -- 736px up Small Devices/Mobile -- */

@media screen and (min-width: 736px) {
	.prev, .next { top: 170px;}
	.caption-container { 
		top: 418px;
		padding: 0 0.825em;
	}
	.home .caption-container { 
		top: 418px;
		padding: 0 0.825em;
	}
	.numbertext {
		top: 418px;
		left: 92%;
	}
	.home.numbertext {
		top: 418px;
		left: 92%;
	}
	.column-container { 
		top: 484px;
		padding: 0 0.825em;
	}
	.home .column-container { 
		top: 484px;
		padding: 0 0.825em;
	}

}

/* -- 768px up Small-Midsize Devices/Tablets 768px up  -- */

@media screen and (min-width: 768px) {

	.intro::before { border-bottom: 0.825em solid rgba(255, 255, 255, 0);}
	h1.page-title { margin-top: 0.929em;}
	.one-col-row p.sub-head { padding-right: 0; max-width: 100%;}
	.policies h1 { margin-top: 0.724em;}
	.thumbnails h2 { padding-top: 0.729em;}
	.featured h3 { margin-top: 0.825em;}

	/* --  header.site-header & navigation styles -- */

	.site-header .container { 
		-webkit-box-align: baseline; 
		-ms-flex-align: baseline; 
		align-items: baseline;
		padding: 15px 0.825em;
	}
	.logo { margin-top: 0;}
	
	.main-col p, .main-col ul, .error404 .main-col ul, .main-col h3, .error404 .main-col h3, .main-col h4, .error404 .main-col h4, .sidebar h4, .sidebar p  { max-width: 75%;}
	
	.error404 .main-col p { max-width: 76%;}
	
	.one-col-row p, .one-col-row aside p .sidebar p { max-width: 76%;}
	.one-col-row aside h4 { max-width: 95%;}
	
	.one-col-row h2, .one-col-row aside h4 { width: 97.2%;}
	.sidebar h4 { max-width: 95%;}
	.l-sketch .one-col-row aside p:first-of-type { max-width: 88%;}
	.uphall .one-col-row aside p:first-of-type { max-width: 90%;}
	.voice .one-col-row aside p:first-of-type { max-width: 90%;}
	.scotchness .one-col-row aside p { max-width: 82%;}
	
	.main-content-2r, .home .main-content-2r  { margin-top: 0px;}
	
	.sidebar p  { max-width: 64%;}
	
	.main-content-1r .sidebar aside ul, .main-content-2r .sidebar aside ul { 
		margin-top: 1.65em;
		padding-top: 0.413em;	
	}
	
	.print-details { margin-top: 0;}
	.print-example img { margin-right: 1.65em;}
	
	.one-col-row .order-print h4 + p { max-width: 69%;}
	.home .one-col-row .order-print h4 + p { max-width: 80%;}
	
	.site-footer { margin-top: 3.30em;}
	.contact .site-footer { margin-top: 1.65em;}
	.error404 .site-footer { margin-top: 0;}
	
	/* --- nav Main navigation and Galleries submenu --- */ 

	.nav-toggle, .nav-toggle-label { display: none;}
	.nav-toggle:checked ~ nav a { display: initial;}
	
	/* - main-nav - */

	nav {
		all: unset; /* this causes issues with Edge, since it's unsupported "Property all doesn't exist. The closest matching property name is fill : unset " */
		/*add Edge support */
		position: relative;
		text-align: left;
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
		-webkit-transform: scale(1,1);
		-ms-transform: scale(1,1);
		    transform: scale(1,1);
		top: initial;
		left: initial;
		/* end Edge support stuff */
		position: static;
		text-align: left;
		border: none; 
		-webkit-box-shadow: none; 
		box-shadow: none;
		width: auto;
		transition: none;
		transform: scale(1,1);
	}

	nav ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 0;
		padding: 0;
		position: relative;
		margin-top: -1px;
	}
	nav ul li {
		text-align: center;
		margin: 0;
		margin-bottom: 0;
		padding: 0;
	}
	nav li:last-of-type {
		padding-right: 0;
		padding-bottom: 0;
	}
	nav a { 
		opacity: 1;
		padding: 0.825em 2.083em 2em 0.825em !important;
	}
	nav li:last-of-type a { padding-right: 0 !important;}
	
	.submenu {
		background: -o-radial-gradient(ellipse, rgba(255,255,255,1) 27%, rgba(237,236,233,0.75) 75%);
		background: radial-gradient(ellipse, rgba(255,255,255,1) 27%, rgba(237,236,233,0.75) 75%);
		border-right: 3px solid rgba(255, 255, 255, 0.4);
		border-bottom: 3px solid rgba(255, 255, 255, 0.3);
		border-left: 3px solid rgba(255, 255, 255, 0.4);
		-webkit-box-shadow: 0px 0px 10px 10px inset rgba(237,236,233,0.05), -5px 20px 20px -10px rgba(255,255,255,0.5), 5px 0px 20px 5px rgba(255,255,255,0.3);
		box-shadow: 0px 0px 10px 10px inset rgba(237,236,233,0.05), -5px 20px 20px -10px rgba(255,255,255,0.5), 5px 0px 20px 5px rgba(255,255,255,0.3);
		position: absolute;
		left: 30%;
		top: 47px;
		width: 195px;
		max-height: 400px;
		overflow-y: hidden;
		opacity: 0;
		z-index: 100;
		padding-bottom: 0.413em;
	}
	.submenu li { text-align: left;}
	.submenu-open:hover .submenu  {
		opacity: 1;
		display: block;
		-webkit-transition: opacity 300ms ease-in-out 200ms;
		-o-transition: opacity 300ms ease-in-out 200ms;
		transition: opacity 300ms ease-in-out 200ms;
	}
 	.submenu a { 
		display: block;
		padding: 0.413em 1.032em  !important;
	}
	
	/* ---  Main .main .one-col-row and .thumbnails -- */
	
	/* --- IMages --- */
	
	/* --- FEATURED article.featured  figure figcaptions---*/ 

	figcaption ul { width: auto;}

	.featured figcaption ul {
		margin-top: 1.030em;
    max-width: 725px;
    width: 529px;
	}

	.featured img { max-width: 529px;}
	.untilalmost .featured img { max-width: 512px;}
	.uphall .featured img { max-width: 425px;}
	.leitfie .featured img { max-width: 529px;}
	.voice .featured img { max-width: 529px;}
	.scotchness .featured img { max-width: 529px;}
	.blackness .featured img { max-width: 459px;}

	/* -- THUMBNAILS .thumbnails figure --*/ 

	.thumbnails figure { 
		overflow: hidden;
		cursor: pointer;
		pointer-events: all;
		-ms-flex-preferred-size: 27%;
		flex-basis: 27%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 27%;
		flex: 0 0 27%;
		width: 150px;
	}
	
	.zoom-box { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s;}
	.thumbnails figure:hover .zoom-box { /* IE 9 */
		-webkit-transform: scale(1.03); /* Safari 3-8 */
		-ms-transform: scale(1.03);
		    transform: scale(1.03);
		-webkit-box-shadow: 0px 20px 5px -15px rgba(114, 114, 111, 0.65);
		box-shadow: 0px 20px 5px -15px rgba(114, 114, 111, 0.65);
	}
	.thumbnails figure:hover figcaption li { color: #81AC86;}
	
	/* --- ADD/REMOVE border and padding-left ---*/
	
 .blackness .thumbnails figcaption ul { width: 78%;}
	.l-sketch .thumbnails figcaption ul { width: 85%;}
	.scotchness .thumbnails figcaption ul { width: 100%;}
	.untilalmost .thumbnails figcaption ul {width: 78%;}
	.upanddown .thumbnails figcaption ul { width: 72%;}
	.upanddown .thumbnails figure:nth-child(2n) figcaption ul { width: 83%;}
	.upanddown .thumbnails figure:nth-child(2n) figcaption ul li:nth-of-type(3) { width: 100%;}
	
	.featured figcaption li:nth-of-type(4), .home .featured figcaption li:nth-of-type(4), .home .thumbnails figcaption li:nth-of-type(5), .leitfie .thumbnails figcaption li:nth-of-type(4), .scotchness .featured figcaption li:nth-of-type(4), .scotchness .thumbnails figcaption li:nth-of-type(4), .uphall .thumbnails figcaption li:nth-of-type(4)   {
			border-left: 1px solid rgba(114, 114, 111, 0.5);
			padding-left: 0.207em;
	}
	.home .thumbnails figcaption li:nth-of-type(4) { padding-right: 0.207em;}
	
	.scotchness .thumbnails figure:nth-of-type(5) li:nth-of-type(3) { letter-spacing: -0.5px;} 
	
	/* -- END THUMBNAILS .thumbnails figure --*/ 
	
	/* -- SHOW LIGHTBOX/MODAL -- */	
	/* The Modal (background) */
	.modal { top: 0;}

	/* Modal Content */
	.modal-content {
		max-width: 608px; /* for 768, based on largest =725px image scaled to height: 414px*/
		max-height: 414px;
		width: auto;
		margin-top: 90px;
	}
	.modal-content h2 {
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		margin-top: 0;
		padding-top: 0;	
		position: absolute;
		left: -58px;
		top: -58px;
	}
	.modal-content h3 {
		position: absolute;
		left: -58px;
		top: -109px;
	}
	
	/* The Close Button */
	.close {
		color: rgba(62, 62, 60, 0.2);
		text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
		position: absolute;
		top: -116px;
		right: -72px;
		padding: 16px;
		font-size: 60px;
		font-weight: bold;
		cursor: pointer;
		-webkit-transition: 200ms ease-out color;
		-o-transition: 200ms ease-out color;
		transition: 200ms ease-out color;
	}
	.close:hover,
	.close:focus {
		color: red;
		text-decoration: none;
		cursor: pointer;
	}
	
	.prev,
	.next {
		cursor: pointer;
		position: absolute;
		top: 210px;
		width: auto;
		padding: 16px;
		margin-top: -50px;
		color: rgba(62, 62, 60, 0.2);
		text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
		font-weight: bold;
		font-size: 40px;
		-webkit-transition: 200ms ease-out;
		-o-transition: 200ms ease-out;
		transition: 200ms ease-out;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-user-select: none;
	}
	.home .prev, .home .next, .leitfie .prev, .leitfie .next, .l-sketch .prev, .l-sketch .next, .scotchness .prev, .scotchness .next, .untilalmost .prev, .untilalmost .next, .upanddown .prev, .upanddown .next, .uphall .prev, .uphall .next  { top: 210px;}

	.prev { left: -69px;}
	.next { right: -69px;}
	.prev:hover, .next:hover { color: #87b303;}

	/* Number text (1/3 etc) */
	.numbertext {
		font-family: "Open Sans",sans-serif;
		font-size: 0.772rem;
		font-weight: 400;
		color: rgba(62, 62, 60, 0.45);
		text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
		padding: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		float: right;
		padding: 1.65em 0 0 0;
		position: absolute;
		top: 422px;
		left: 92.5%;
	}

	/* Caption text */
	.caption-container, .home .caption-container, .blackness .caption-container, .l-sketch .caption-container, .scotchness .caption-container, .upanddown .caption-container, .voice .caption-container  {
		color: rgba(62, 62, 60, 0.65);
		width: 100%;
		position: absolute;
		top: 445px;
		padding: 0 0.865em;
	}
	p#caption {
		font-family: "Open Sans",sans-serif;
		font-size: 0.823rem;
		font-weight: 400;
		color: rgba(62, 62, 60, 0.65);
		text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
		margin: 0;
		padding: 0;
		max-width: 100%;		
	}
	#caption span { width: auto;}
	#caption span:nth-of-type(1):before, #caption span:nth-of-type(2):before { 
		content: '|';
		margin-right: 0.207em;
	}
	.scotchness #caption span:nth-child(1):before { content: '';}

	.column-container {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		top: 505px;
		padding: 0 0.825em;
	}
	.home .column-container, .blackness .column-container, .l-sketch .column-container, .scotchness .column-container, .untilalmost .column-container, .uphall .column-container .voice .column-container { top: 505px;}

	.column {
		width: 12%;/* for Flexbox if req */
		margin-right: 1em;
		padding-bottom: 1em;
	}
	.column-container .column:nth-child(4n) { margin-right: 0.825em;}
.column-container .column:nth-child(7n) { margin-right: 0;}

	.column img {
		cursor: pointer;
		opacity: 1;
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
		-webkit-transition: 300ms;
		-o-transition: 300ms;
		transition: 300ms;
	}
	.column img:hover {
		opacity: 0.5;
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
	}
	.mySlides  {
		margin: 0 auto;
		margin-top: 1.65em;
		position: relative;
		max-width: 100%;
	}
	
	.mySlides img, .l-sketch .mySlides img {
		margin: 0 auto;
		max-height: 414px;
		width: auto;
	}
	
 .numbertext, .home .numbertext, .blackness .numbertext, .l-sketch .numbertext, .scotchness .numbertext, .untilalmost .numbertext, .uphall .numbertext  {
		top: 424px;
		left: 90%;
	}
	.push-down  { top: 43px;}
	.push-down .numbertext { top: 381px;}
	.blackness .push-down .numbertext { top: 381px;}
	.leitfie .push-down { top:14px;}
	.leitfie .push-down .numbertext { top: 410px;}
	.untilalmost .push-down, 	.untilalmost .push-down2 {top: 0px;}
	.untilalmost .push-down .numbertext { top: 424px;}
	.untilalmost .push-down2 .numbertext { top: 424px;}
	
	.upanddown .push-down {top: 0px;}
	.upanddown .push-down .numbertext { top: 424px;}
	.upanddown .push-down2 {top: 0px;}
	.upanddown .push-down2 .numbertext { top: 424px;}
	.upanddown .push-down3 { top: 0px;}
	.upanddown .push-down3 .numbertext { top: 424px;}
	.upanddown .push-down4 { top: 35px;}
	.upanddown .push-down4 .numbertext { top: 389px;}
	
	.push-down1  { top: 33px;}
	.push-down1 .numbertext  { top: 391px;}
	
	.leitfie .push-down2 { top: 79px;}
	.leitfie .push-down2 .numbertext { top: 345px;}

	.leitfie .push-down3 { top: 3px;}
	.leitfie .push-down3 .numbertext { top: 421px;}
	
	.blackness .push-down1 { top: 0px;}
	.blackness .push-down1 .numbertext  { top: 424px;}
	
	.blackness .push-down1b { top: 0px;}
	.blackness .push-down1b .numbertext  { top: 424px;}
	
	.blackness .push-down1c { top: 31px;}
	.blackness .push-down1c .numbertext  { top: 393px;}
	
	.scotchness .push-down1d { top: 18px;}
	.scotchness .push-down1d .numbertext  { top: 406px;}
	
	.push-down2 { top: 0px;}
	.push-down2 .numbertext { top: 424px;}
	.push-down3  { top: 0px;}
	.push-down3 .numbertext { top: 424px;}
	.push-down4  { top: 0px;}
	.push-down4 .numbertext { top: 424px;}
	.push-down5  { top: 0px;}
	.push-down5 .numbertext { top: 424px;}
	.push-down6  { top: 45px;}
	.push-down6 .numbertext { top: 381px;}
	/* -- END LIGHTBOX -- */
		
	.print-example { 
		display: -webkit-box; 
		display: -ms-flexbox; 
		display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.print-details { margin-top: 0;}
	.print-example img { margin-right: 1.65em;}
	
	.sidebar .sitemap1 li:nth-of-type(4) { margin-top: 112px;}
	
	/* --- END Main   --- */
	
	/* --- Contact Form #contact-form --- */

	#contact-form p { width: 100%;}
	.fieldset {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.fieldset .column {
		width: auto;
		margin-right: 0;
		padding-bottom: 0;
		-webkit-box-flex: 1;
		-ms-flex: 1 1 46%;
		flex: 1 1 46%;
		margin-right: 1.65em;
	}
	.fieldset .column:nth-child(even), .fieldset:nth-child(even) .column:first-of-type { margin-right: 0;}
	.fieldset:first-of-type .column:last-of-type { 
		width: 100%;
		margin-right: 0;
	}
	textarea { height: 179px;}
	.fieldset:nth-of-type(2) .column { 
		display: -webkit-box; 
		display: -ms-flexbox; 
		display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 50%;
	}
	.fieldset:nth-of-type(2) .column:nth-of-type(2) { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} 
	.g-recaptcha {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		    transform: scale(1);
		margin-left: 0px;
	}
	.btn-send { 
		padding: 1.1em;
		height: 74px;
		margin-left: 51px;
	}
	/* END Contact Form #contact-form */
	.contact .sidebar p, .sitemap-page .sidebar p { max-width: 75%;}
	@supports (display: grid) {
		
		.site-header .container {
			display: -ms-grid;
			display: grid;
			grid-gap: 0;
			-ms-grid-columns: 1fr;
			grid-template-columns: 1fr;
			    grid-template-areas:
				"logo  nav";
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
		}
		.logo { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: logo;}
		nav { grid-area: nav;}

		nav ul {
			display: -ms-grid;
			display: grid;
			grid-gap: 0;
			-ms-grid-columns: auto;
			grid-template-columns: auto;
			    grid-template-areas:
				"home galleries contact";
		}
		.home { grid-area: home;}
		.gallery { grid-area: galleries;}
		.contact { grid-area: contact;}
		
		.thumbnails {
			display: -ms-grid;
			display: grid;
			-ms-grid-columns: (1fr)[4];
			grid-template-columns: repeat(4, 1fr);
		}
		
		.thumbnails ul { width: auto;}
		.voice .thumbnails ul { width: 96%;}
		
		.column-container {
			display: -ms-grid;
			display: grid;
			-ms-grid-columns: (auto)[7];
			grid-template-columns: repeat(7, auto);
		}
		.column-container .column { width: auto;}
		.home .column-container .column { width: 70px;} 
		.untilalmost .column-container .column, .uphall .column-container .column { width: 66px;}
		
		.sitemap-page .sitemap { -ms-grid-columns: 18% 25%; grid-template-columns: 18% 25%;}
		.sitemap-page .sitemap1 .fa-arrow-right { -webkit-transform: translate(10px, 0px); -ms-transform: translate(10px, 0px); transform: translate(10px, 0px);}
		.error404 .sitemap {
			-ms-grid-columns: 18% 0 20%;
			grid-template-columns: 18% 20%;
			grid-column-gap: 0;
		}
		.error404 .sitemap1 .fa-arrow-right { -webkit-transform: translate(10px, 0px); -ms-transform: translate(10px, 0px); transform: translate(10px, 0px);}
	}/* END @supports */
}

@media screen and (min-width: 768px) {

		.home { -ms-grid-row: 1; -ms-grid-column: 1;
		}

		.gallery { -ms-grid-row: 1; -ms-grid-column: 3;
		}

		.contact { -ms-grid-row: 1; -ms-grid-column: 5;
		}}

@media screen and (min-width: 768px) {
		
		.logo { -ms-grid-row: 1; -ms-grid-column: 1;
		}
		
		.logo { -ms-grid-row: 1; -ms-grid-column: 1;
		}
		
		nav { -ms-grid-row: 1; -ms-grid-column: 3;
		}}
/* -- END Small Devices/ 768 Tablets  -- */

@media screen and (min-width: 812px) and (max-height: 375px) {
	.intro::before { border-bottom: 3.30em solid rgba(255, 255, 255, 0); }
}

@media only screen and (min-width: 846px)  and (max-height: 414px) 
{
	.intro::before { border-bottom: 3.30em solid rgba(255, 255, 255, 0); }

}

@media only screen and (min-width: 896px)  and (max-height: 414px) {
	.intro::before { border-bottom: 3.30em solid rgba(255, 255, 255, 0); }
}

/* -- Medium Devices/ 992 Tablets  -- */

@media screen and (min-width: 992px) {

	.intro::before { 
		border: 3em solid rgba(255, 255, 255, 0); 
		top: -49px;
	}
	.intro-button { bottom: 8vh;}

	/* -- https://type-scale.com/ base size 20px (1.25em) 20/33 Scale 1:125 Major Second html {font-size: 20px;} --- */

	html { font-size: 125%;}
	body { line-height: 1.65;}
	
	h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { color: rgba(62, 62, 60, 0.25);}
	
	h1.page-title { margin-top: 1em;}
	.home h1.page-title, .contact .main-col h1.h2, h1.policies h1 { margin-top: 1.237em;}
	
	h2 { margin-top: 1.65em;}
	h2.page-title:nth-of-type(2) { margin-top: 1.237em;}
	.featured h2 { margin-top: 0.31em;}
	.gallery .featured h2, .error404 h2 { margin-top: 0.25em;}
	
.contact .main-col h2, .sitemap-page .main-col h1.h2, .sitemap-page .main-col h2 { margin-top: 1.69em;}
	
	.main aside h5 { margin-top: 1.65em;}
	
	.two-col-row h2, .one-col-row h2, .one-col-row aside h4, .sidebar h4 { width: 100%;}
	
	.main-col p, .main-col ul, .main-col aside p { max-width: 94%;}
	.main aside h4 { margin-top: 0;}
	.main-col aside h5 { margin-top: 1.65em;}
	
	.contact .main-col aside h4 { margin-top: 3.30em;}
	
	.scotchness .one-col-row aside p { max-width: 78%;}
	.uphall .one-col-row aside p:first-of-type { max-width: 75%;}
	.l-sketch .one-col-row aside p:first-of-type, .l-sketch .one-col-row aside p:nth-of-type(2) { max-width: 73%;}
	.upanddown .one-col-row aside p:first-of-type { max-width: 73%;}
	.voice .one-col-row aside p:first-of-type { max-width: 73%;}
	.untilalmost .one-col-row aside p:first-of-type { max-width: 73%;}
	.blackness .one-col-row aside p:first-of-type { max-width: 72%;}
	.leitfie .one-col-row aside p:first-of-type { max-width: 70%;}
	
	.one-col-row .order-print p { max-width: 66%;}
	
	nav a { padding: 0.825em 3.30em 2em 0.825em !important;}
	nav li:last-of-type a { padding-right: 0 !important;}
	
	/* -- for opp featured image where required --
	class .sidebar  ul {
		border-top: none;
		border-left: 1px solid #b4b3b0;
		padding-left: 0.825em;
		box-shadow: inset 1px 0 0px rgba(255, 255, 255, 1);
	}
	*/
	.sidebar h4, .sidebar h5 {
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		padding-top: 0;
		max-width: 100%;
	}

	.sidebar h5, .sidebar h5 + p { margin-top: 1.65em;}
	.sidebar p, .sidebar ul { max-width: 100%;}
	
	.artinfo { margin-top: 10em;}/*200px*/
	.home article.artinfo { margin-top: 9em;}
	.contact .sidebar aside, .error404 .sidebar aside { 
		padding-left: 0.825em;
		margin-top: 52px;
	}
	
	.contact .sidebar aside h4, .error404 .sidebar aside h4 {
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		padding-top: 0;
	}
	
	.contact .sidebar aside p:last-of-type { padding-right: 0;}
	.policies .sidebar h4:nth-of-type(1) { margin-top: 1.754em;}
	.error404 .sitemap1 { padding-right: 1.65em;}
	/* --- End Text --- */

	.site-header .container { padding: 17px 0.825em;}
	.submenu { 
		width: 210px;
		left: 34%;
		top: 52px;
		padding-bottom: 0.825em;
	}
	.two-col-row {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.main-col { 
		-webkit-box-flex: 1; 
		-ms-flex: auto; 
		flex: auto;
		padding-right: 3.30em;
	}
	.sidebar { 
		max-width: 320px;
		-webkit-box-flex: 1;
		-ms-flex: auto;
		flex: auto;
	}
	.contact .sidebar p, .sitemap-page .sidebar p { max-width: 100%;}
	.untilalmost .sidebar aside { margin-top: 198px;}
	.tab { max-width: 90%;}
	
	.artinfo li:nth-of-type(2), .artinfo li:nth-of-type(5), .artinfo li:nth-of-type(8) { padding-right: 1.65em;}
	/* --- THUMBNAIL IMAGEs  FLEXBOX grid --- */
	.thumbnails figure { 
	-webkit-box-flex: 0; 
	-ms-flex: 0 0 20.5%; 
	flex: 0 0 20.5%;
	width: 200px;
	}
	.thumbnails figure:nth-child(4n) { margin-right: 0.825em;}
	
	
/* --- END Gallery .gallery THUMBNAIL IMAGEs FLEXBOX grid --- */
	
	/* --- Figures-Figcaptions ---*/
	
	.featured img, .untilalmost .featured img, .uphall .featured img, .leitfie .featured img, .voice .featured img, .scotchness .featured img, .blackness .featured img { 
		width: auto;
		max-height: 374px;
	}
	
	figcaption ul, figcaption li { 
		font-size: 13.89px;
		font-size: 0.772rem;
	}
	figcaption li { line-height: 1.55;}
	figcaption ul { margin-top: 0.67em;}

	.featured figcaption ul {
		padding-right: 0.413em;
		padding-left: 0.413em;
	} 
	
	.thumbnails figure, .thumbnails figure:nth-child(2n) { margin-right: 2.063em;}
	
	.blackness .thumbnails figcaption ul { width: auto;}
	.blackness figure:nth-of-type(6) figcaption ul, .blackness figure:nth-of-type(16) figcaption ul { width: 98%;}
	.untilalmost .thumbnails figcaption ul { width: 100%;}
	
	.upanddown .thumbnails figure:nth-of-type(3) li:nth-of-type(2),
	.upanddown .thumbnails figure:nth-of-type(4) li:nth-of-type(2), 
	.upanddown .thumbnails figure:nth-of-type(5) li:nth-of-type(2),
	.upanddown .thumbnails figure:nth-of-type(7) li:nth-of-type(2),
	.upanddown .thumbnails figure:nth-of-type(9) li:nth-of-type(2),
	.upanddown .thumbnails figure:nth-of-type(11) li:nth-of-type(2)
	{ padding-right: 0.12em;}

	
	/* --- REMOVE border and padding---*/
	
	.thumbnails ul, .voice .thumbnails ul { width: auto;}
	.leitfie .thumbnails ul { width: 88%;}
	.l-sketch .thumbnails ul { width: 87%;}
	.scotchness .thumbnails figcaption ul { width: 83%;}
	.upanddown .thumbnails figcaption ul { width: 56%;}
	.upanddown .thumbnails figure:nth-child(2n) figcaption ul { width: 71%;}
	.uphall .thumbnails figcaption ul { width: 87%;}
	.voice .thumbnails figure:nth-of-type(3) ul, .voice .thumbnails figure:nth-of-type(4) ul { width: 87%;}
	
	.thumbnails figcaption li:nth-of-type(2) { padding-right: 0.207em;}
	.thumbnails figcaption li:nth-of-type(3), .untilalmost .thumbnails figure:nth-of-type(2) figcaption li:nth-of-type(4), .untilalmost .thumbnails figcaption li:nth-of-type(4) span {
			border-left: 1px solid rgba(114, 114, 111, 0.5);
			padding-left: 0.207em;
	}
	.thumbnails figcaption li:nth-of-type(4), .leitfie .thumbnails figcaption li:nth-of-type(3), .l-sketch .thumbnails figcaption li:nth-of-type(4), 
	.scotchness .thumbnails figcaption li:nth-of-type(3), .untilalmost .thumbnails figure:nth-of-type(2) figcaption li:nth-of-type(3),
	.upanddown .thumbnails figcaption li:nth-of-type(3),
	.uphall .thumbnails figcaption li:nth-of-type(3),
	.voice .thumbnails figcaption li:nth-of-type(4)
	{
			border: none;
			padding-left: 0;
	}
	
	.l-sketch .thumbnails figcaption li:nth-of-type(3), .scotchness .thumbnails figcaption li:nth-of-type(3) { padding-right: 0.207em;}
	

	/* --- ADD border and padding-left ---*/
	
	.l-sketch .thumbnails figure:nth-of-type(20) li:nth-of-type(3),
	.l-sketch .thumbnails figure:nth-of-type(21) li:nth-of-type(3),
	.l-sketch .thumbnails figure:nth-of-type(22) li:nth-of-type(3),
	.l-sketch .thumbnails figure:nth-of-type(23) li:nth-of-type(3),
	.l-sketch .thumbnails figure:nth-of-type(24) li:nth-of-type(3),
	.l-sketch .thumbnails figure:nth-of-type(25) li:nth-of-type(3),
	.l-sketch .thumbnails figure:nth-of-type(26) li:nth-of-type(3),
	.l-sketch .thumbnails figure:nth-of-type(27) li:nth-of-type(3)
	{ 
		border-left: 1px solid rgba(114, 114, 111, 0.5);
		padding-left: 0.207em;
	}
	
	/* --- LIGHTBOX   ----------------------------------------  --- */
	.modal-content { margin-top: 94px;}
	.modal-content h2 { 
		left: -184px;
		top: -60px;
	}

	.close {
		right: -138px;
		top: -103px;
		font-size: 50px;
	}
	.prev { left: -137px;}
	.next { right: -137px;}
	.prev, .next { top: 215px;}
	.home .prev, .home .next, .leitfie .prev, .leitfie .next, .l-sketch .prev, .l-sketch .next, .scotchness .prev, .scotchness .next, .untilalmost .prev, .untilalmost .next, .upanddown .prev, .upanddown .next, .uphall .prev, .uphall .next {
    top: 215px;
}
	
	.mySlides  {
			margin-top: 0.825em;
			padding-top: 6px;
	}
	
	.caption-container, 
	.home .caption-container, 
	.blackness .caption-container, 
	.l-sketch .caption-container, 
	.scotchness .caption-container,
	.upanddown .caption-container, 
	.voice .caption-container { top: 452px;}
	
	.numbertext, 
	.home .numbertext, 
	.blackness .numbertext, 
	.l-sketch .numbertext, 
	.scotchness .numbertext, 
	.untilalmost .numbertext,
	.uphall .numbertext,
	.voice .numbertext {
			top: 427px;
			left: 90%;
	}
		
	.push-down .numbertext { top: 413px;}
	.push-down2 .numbertext { top: 427px;}
	.push-down3 .numbertext { top: 413px;}
	.push-down4 .numbertext { top: 427px;}
	.push-down5 .numbertext { top: 434px;}
	.push-down6 .numbertext { top: 382px;}
	
	.blackness .push-down .numbertext { top: 382px;}
	.blackness .push-down1 .numbertext { top: 427px;}
	.blackness .push-down1b .numbertext { top: 427px;}
	.blackness .push-down1c .numbertext { top: 396px;}
	
	.leitfie .push-down .numbertext { top: 413px;}
	.leitfie .push-down2 .numbertext { top: 348px;}
	.leitfie .push-down3 .numbertext { top: 424px;}
	
	.scotchness .push-down .numbertext { top: 384px;}
	.scotchness .push-down3 .numbertext { top: 427px;}
	.scotchness .push-down5 .numbertext { top: 427px;}
	
	.upanddown .push-down .numbertext,
	.upanddown .push-down2 .numbertext,
	.upanddown .push-down3 .numbertext
	{top: 427px;}
	.upanddown .push-down4 .numbertext
	{top: 392px;}
	
	
	.untilalmost .push-down .numbertext {  top: 427px;}
	.untilalmost .push-down2 .numbertext {  top: 427px;}

	.column-container, 
	.home .column-container, 
	.blackness .column-container, 
	.l-sketch .column-container, 
	.scotchness .column-container,
	.untilalmost .column-container,
	.voice .column-container { top: 514px;}
	
	/* --- END LIGHTBOX  --- */
	
	.site-footer .container {
		padding-top: 0.413em;
		padding-bottom: 0.825em;
	}
	
	#contact-form { max-width: 100%;}

	.contact .sidebar p:nth-of-type(2) { max-width: 100%;}
	
	.contact .site-footer { margin-top: 0;}

	.error404 .main-col p { max-width: 73%;}
	.sidebar .sitemap1 { margin-right: 0;}
	.sidebar .sitemap1 li:nth-of-type(4) { margin-top: 93px;}
		
	@supports (display: grid) {
		body {
			display: -ms-grid;
			display: grid;
			-ms-grid-columns: [full-start] minmax(1em, 1fr) [main-start] minmax(0, 1170px) [main-end] minmax(1em, 1fr) [full-end];
			grid-template-columns: [full-start] minmax(1em, 1fr) [main-start] minmax(0, 1170px) [main-end] minmax(1em, 1fr) [full-end];
			-ms-grid-rows:
				auto
				auto
				1fr
				auto;
			grid-template-rows:
				auto
				auto
				1fr
				auto;
			    grid-template-areas:
			"intro intro intro"
				"sh sh sh"
				"space-left main space-right"
				"sf sf sf";
		}
		.intro { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: intro;}
		.site-header { -ms-grid-row: 2; -ms-grid-column: 1; grid-area: sh;}
		.main-content-2r { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: main;}
		.main-content-1r { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: main;}
		.left { grid-area: space-left;}
		.right { grid-area: space-right;}
		.site-footer { -ms-grid-row: 4; -ms-grid-column: 1; grid-area: sf;}
		@media screen and (min-width: 992px) {
		.intro { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 3;
		}
		.site-header { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 3;
		}
		.main-content-2r { -ms-grid-row: 3; -ms-grid-column: 2;
		}
		.main-content-1r { -ms-grid-row: 3; -ms-grid-column: 2;
		}
		.site-footer { -ms-grid-row: 4; -ms-grid-column: 1; -ms-grid-column-span: 3;
		}
		.intro { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 3;
		}
		.site-header { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 3;
		}
		.main-content-2r { -ms-grid-row: 3; -ms-grid-column: 2;
		}
		.main-content-1r { -ms-grid-row: 3; -ms-grid-column: 2;
		}
		.left { -ms-grid-row: 3; -ms-grid-column: 1;
		}
		.right { -ms-grid-row: 3; -ms-grid-column: 3;
		}
		.site-footer { -ms-grid-row: 4; -ms-grid-column: 1; -ms-grid-column-span: 3;
		}}
		
		.main-content-1r, .main-content-2r { padding: 0 .825em;}
		
		.two-col-row {
			display: -ms-grid;
			display: grid;
			-ms-grid-rows: auto;
			grid-template-rows: auto;
			-ms-grid-columns: 2fr 3.30em 320px;
			grid-template-columns: 2fr 320px;
			    grid-template-areas:
			"main-col sidebar";
			-webkit-column-gap: 3.30em;
			-moz-column-gap: 3.30em;
			     column-gap: 3.30em;
		}
		
		.main { grid-row-gap: 1.65rem;}
		.main-col { padding-right: 0;}

		.thumbnails figure, .thumbnails figure:nth-child(2n), .thumbnails figure:nth-child(4n) { margin-right: 0;}
		.thumbnails { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr);}
		.sitemap-page .sitemap { -ms-grid-columns: 24% 25%; grid-template-columns: 24% 25%;}
		.error404 .sitemap {
			-ms-grid-columns: 41% 0 43%;
			grid-template-columns: 41% 43%;
			grid-column-gap: 0;
		}
		.error404 .sitemap1 .fa-arrow-right { -webkit-transform: translate(11px, 0px); -ms-transform: translate(11px, 0px); transform: translate(11px, 0px);}
	}/* END @supports */
}
/* -- END  Medium Devices/ 992 tablets/laptops   --- */

/* ---  Large Devices/ 1170  laptops/desktops--- */
@media screen and (min-width: 1170px) {
	.intro::before { 
		border: 1.65em solid rgba(255, 255, 255, 0);
		top: -20px;
	}

	a.button { height: 32px;}	
	
	nav a { padding: 0.825em 3.30em 2em 0.825em;}
	
	h2, .one-col-row aside h4, .sidebar h4 { width: 100%;}
	.main-col p, .main-col ul, .error404 .main-col ul, .main-col h3, .error404 .main-col h3, .main-col h4, .error404 .main-col h4 { max-width: 90%;}
	
	.one-col-row h2, .one-col-row aside h4, .sidebar h4 { width: 98.3%;}
	
	.one-col-row aside p, .untilalmost .one-col-row aside p:first-of-type { max-width: 67%;}
	
	.upanddown .one-col-row aside p:first-of-type { max-width: 68%;}
	.l-sketch .one-col-row aside p:first-of-type { max-width: 67%;}
	.l-sketch .one-col-row aside p:nth-of-type(2) { max-width: 66%;}
	.uphall .one-col-row aside p:first-of-type { max-width: 68%;}
	.scotchness .one-col-row aside p { max-width: 68%;}
	.blackness .one-col-row aside p:first-of-type { max-width: 62%;}

	.one-col-row .order-print p { max-width: 57%;}

	#top-btn .fa-arrow-up { font-size: 50px;}
	#top-btn .fa-arrow-up:hover { font-size: 51px;}

	#contact-form { max-width: 82%;}
	
	.input-1 { margin-right: 2.475em;}
	.input-1, .input-2 { width: 45%;}
	
	.btn-send { margin-left: 0;}

	/* --- Figures-Figcaptions ---*/ 
	/*.featured img { max-width: 725px;}*/
	
	/* --- Gallery .gallery THUMBNAIL IMAGEs  FLEXBOX grid --- */

	.thumbnails figure { 
		-webkit-box-flex: 0; 
		-ms-flex: 0 0 17.6%; 
		flex: 0 0 17.6%;
		width: 186px;
	}
	
	.thumbnails figure:nth-of-type(3) ul, .thumbnails figure:nth-of-type(4) ul, .thumbnails figure:nth-of-type(11) ul {
    width: 82%;
	}
	.blackness .thumbnails figcaption ul { width: 86%;}
	.blackness figure:nth-of-type(6) figcaption ul, .blackness figure:nth-of-type(16) figcaption ul { width: 86%;}
	.leitfie .thumbnails figcaption ul { width: 82%;}
	.l-sketch .thumbnails figcaption ul { width: 94%;}
	.scotchness figure:nth-of-type(4) ul { width: 100%;}
	.untilalmost figure:nth-of-type(1) ul { width: 65%;}
	.untilalmost figure:nth-of-type(2) ul { width: 65%;}
	
	.upanddown .thumbnails figcaption ul, .upanddown .thumbnails figure:nth-child(2n) figcaption ul { width: 100%;}
	
 .upanddown .thumbnails figure:nth-child(2n) figcaption ul { width: 100%;}
	
	.upanddown .thumbnails figure:nth-child(12n) figcaption ul, .upanddown .thumbnails figure:nth-child(13n) figcaption ul { width: 96%;}
	
	.upanddown .thumbnails figure:nth-child(2n) figcaption ul li:nth-of-type(3) { width: auto;}
	
	.voice .thumbnails figcaption ul { width: 88%;}
	
	.thumbnails figcaption li:nth-of-type(3), .home .thumbnails figcaption li:nth-of-type(4), .untilalmost .thumbnails figure:nth-of-type(2) figcaption li:nth-of-type(4), .upanddown .thumbnails figcaption li:nth-of-type(3), .upanddown .thumbnails figure:nth-of-type(1) figcaption li:nth-of-type(4), .upanddown .thumbnails figure:nth-of-type(8) figcaption li:nth-of-type(4), .upanddown .thumbnails figure:nth-of-type(10) figcaption li:nth-of-type(4), .upanddown .thumbnails figure:nth-of-type(12) figcaption li:nth-of-type(4), .upanddown .thumbnails figure:nth-of-type(13) figcaption li:nth-of-type(4), .upanddown .thumbnails figure:nth-of-type(14) figcaption li:nth-of-type(4) {
    border: none;
    padding-right: 0.207em;
    padding-left: 0;
}
	.thumbnails figcaption li:nth-of-type(4), .home .thumbnails figcaption li:nth-of-type(5),
	.upanddown .thumbnails figcaption li:nth-of-type(4),
	.upanddown .thumbnails figure:nth-of-type(1) figcaption li:nth-of-type(3), .upanddown .thumbnails figure:nth-of-type(1) figcaption li:nth-of-type(5), .upanddown .thumbnails figure:nth-of-type(8) figcaption li:nth-of-type(3), .upanddown .thumbnails figure:nth-of-type(10) figcaption li:nth-of-type(3), .upanddown .thumbnails figure:nth-of-type(10) figcaption li:nth-of-type(5), .upanddown .thumbnails figure:nth-of-type(12) figcaption li:nth-of-type(3), .upanddown .thumbnails figure:nth-of-type(13) figcaption li:nth-of-type(3), .upanddown .thumbnails figure:nth-of-type(14) figcaption li:nth-of-type(3)
	{
					border-left: 1px solid rgba(114, 114, 111, 0.5);
					padding-right: 0;
					padding-left: 0.207em;
	}

	.untilalmost figure:nth-of-type(2) li:nth-of-type(3) { padding-left: 0.17em;}

	.blackness .thumbnails figure:nth-of-type(1) li:nth-of-type(2),
	.blackness .thumbnails figure:nth-of-type(2) li:nth-of-type(2),
	.blackness .thumbnails figure:nth-of-type(4) li:nth-of-type(2),
	.blackness .thumbnails figure:nth-of-type(5) li:nth-of-type(2),
	.blackness .thumbnails figure:nth-of-type(11) li:nth-of-type(2),
	.blackness .thumbnails figure:nth-of-type(12) li:nth-of-type(2),
	.blackness .thumbnails figure:nth-of-type(13) li:nth-of-type(2),
	.blackness .thumbnails figure:nth-of-type(14) li:nth-of-type(2),
	.blackness .thumbnails figure:nth-of-type(15) li:nth-of-type(2),

	.leitfie figure:nth-of-type(6) li:nth-of-type(2) { width: 100%;} 
	
	/* --- REMOVE border and padding-left ---*/
	
	.upanddown .thumbnails li:nth-of-type(3) { letter-spacing: -0.5px;}
	
	.recent-work figcaption li:nth-of-type(5),

	.blackness .thumbnails figure:nth-of-type(1) li:nth-of-type(3),
	.blackness .thumbnails figure:nth-of-type(2) li:nth-of-type(3),
	.blackness .thumbnails figure:nth-of-type(4) li:nth-of-type(3),
	.blackness .thumbnails figure:nth-of-type(5) li:nth-of-type(3),
	.blackness .thumbnails figure:nth-of-type(11) li:nth-of-type(3),
	.blackness .thumbnails figure:nth-of-type(12) li:nth-of-type(3),
	.blackness .thumbnails figure:nth-of-type(13) li:nth-of-type(3),
	.blackness .thumbnails figure:nth-of-type(14) li:nth-of-type(3),
	.blackness .thumbnails figure:nth-of-type(15) li:nth-of-type(3),

	.l-sketch .thumbnails li:nth-of-type(2),
	.l-sketch .thumbnails li:nth-of-type(4),
	.l-sketch .thumbnails figure:nth-of-type(14) li:nth-of-type(4),
	.l-sketch .thumbnails figure:nth-of-type(15) li:nth-of-type(4),
	.l-sketch .thumbnails figure:nth-of-type(16) li:nth-of-type(4),
	.l-sketch .thumbnails figure:nth-of-type(17) li:nth-of-type(4),
	.l-sketch .thumbnails figure:nth-of-type(18) li:nth-of-type(4),
	.l-sketch .thumbnails figure:nth-of-type(19) li:nth-of-type(4) {
		padding-left: 0;
		border: none;
	}
	/* --- ADD border and padding-left ---*/
	
	.thumbnails figcaption li:nth-of-type(4), 
	
	.voice .thumbnails figcaption li:nth-of-type(4), 
	
	.recent-work figcaption li:nth-of-type(3),
	.recent-work figcaption li:nth-of-type(4),
	
	.home .recent-work figcaption li:nth-of-type(4),			

	.upanddown .thumbnails li:nth-of-type(4),

	.leitfie .thumbnails li:nth-of-type(4),

	.l-sketch .thumbnails li:nth-of-type(3),
	
	.l-sketch .thumbnails figure:nth-of-type(1) li:nth-of-type(3),
	.l-sketch .thumbnails figure:nth-of-type(2) li:nth-of-type(3),
	.l-sketch .thumbnails figure:nth-of-type(4) li:nth-of-type(3),
	.l-sketch .thumbnails figure:nth-of-type(6) li:nth-of-type(3),
	.l-sketch .thumbnails figure:nth-of-type(9) li:nth-of-type(3),
	.l-sketch .thumbnails figure:nth-of-type(10) li:nth-of-type(3),
	.l-sketch .thumbnails figure:nth-of-type(11) li:nth-of-type(3),
	.l-sketch .thumbnails figure:nth-of-type(12) li:nth-of-type(3),
	.l-sketch .thumbnails figure:nth-of-type(13) li:nth-of-type(3)
	{
		border-left: 1px solid rgba(114, 114, 111, 0.5);
		padding-left: 0.207em;
	}

	/* --- LIGHTBOX ----------------------------------------  --- */

	.modal-content, .home .modal-content { 
		width: 100%;
		max-width: 725px;
	}
	.mySlides img, .l-sketch .mySlides img { max-height: 100%;}
	
	.modal-content h2 { left: -187px;}
	
	.close { right: -129px;}

	.prev, .next {
		font-size: 35px;
		top: 220px;
	}  
	.prev {left: -125px;}
	.next {right: -125px;}
	
	.prev, .next, .untilalmost .prev, .untilalmost .next, .upanddown .prev, .upanddown .next,  .uphall .prev, .uphall .next, .voice .prev, .voice .next { top: 280px;}
	.numbertext {
		top: 448px;
		left: 91%;
	}	

	.push-down  { top: 72px;}
	.push-down .numbertext { top: 491px;}
	
	.push-down1  { top: 13px;}
	.push-down1 .numbertext  { top: 550px;}
	.blackness .push-down1 {top: 21px;}
	
	.push-down1a  { top: 33px;}
	.push-down1a .numbertext  { top: 391px;}
	
	.push-down1b  { top: 88px;}
	.push-down1b .numbertext  { top: 475px;}
	.blackness .push-down1b { top: 93px;}
	
	.push-down1c  { top: 86px;}
	.push-down1c .numbertext  { top: 477px;}
	.blackness .push-down1c { top: 92px;}
	
	.push-down2 { top: 0px;}
	.push-down2 .numbertext { top: 427px;}
	
	.push-down3  { top: 33px;}
	.push-down3 .numbertext { top: 413px;}
	
	.push-down4  { top: 18px;}
	.push-down4 .numbertext { top: 425px;}
	
	.push-down5  { top: 12px;}
	.push-down5 .numbertext { top: 434px;}
	
	.push-down6  { top: 108px;}
	.push-down6 .numbertext { top: 460px;}

	.push-up { top: -26px;}
	.push-up .numbertext { top: 567px;}
	
	.push-up2 { top: -13px;}
	.push-up2 .numbertext { top: 550px;}
	
	.column-container { 
		top: 666px;
		padding: 0 0.865em;
	}
	
	.home .prev, .home .next { top: 270px;}
	.home .caption-container { top: 552px;}
	.home .numbertext { top: 528px;}
	.home .column-container { top: 614px;}
	
	.blackness .caption-container { top: 586px;}
	
	.blackness .numbertext { top: 562px;}
	.blackness .push-down .numbertext { top: 490px;}
	.blackness .push-down1 .numbertext { top: 541px;}
	.blackness .push-down1b .numbertext  { top: 469px;}
	.blackness .push-down1c .numbertext  { top: 470px;}
	.blackness .push-down6 .numbertext  { top: 454px;}
	.blackness .push-down1e { top: 30px;}
	.blackness .push-down1e .numbertext  { top: 532px;}
	.blackness .column-container { top: 648px;}
	
	.leitfie .prev, .leitfie .next { top: 285px;}
	.leitfie .caption-container { top: 586px;}
	.leitfie  .numbertext { top: 561px;}
	.leitfie  .column-container { top: 648px;}
	
	.leitfie .push-down { top: 46px;}
	.leitfie .push-down .numbertext { top: 515px;}
	.leitfie .push-down2 { top: 133px;}
	.leitfie .push-down2 .numbertext { top: 428px;}
	.leitfie .push-down3 { top: 23px;}
	.leitfie .push-down3 .numbertext { top: 538px;}
		
	.l-sketch .prev, .l-sketch .next { top: 269px;}
	.l-sketch .caption-container { top: 560px;}
	.l-sketch .numbertext { top: 537px; left: 88%;}
	.l-sketch .push-up .numbertext { top: 563px;}
	.l-sketch .push-up2 .numbertext { top: 550px;}
	.l-sketch .column-container { top: 623px;}

	.scotchness .prev, .scotchness .next { top: 282px;}
	.scotchness .caption-container { top: 586px;}
	.scotchness .numbertext { top: 562px;}
	.scotchness .column-container { top: 648px;}
	.scotchness .push-down  { top: 98px;}
	.scotchness .push-down .numbertext { top: 464px;}
	.scotchness .push-down2  { top: 13px;}
	.scotchness .push-down2 .numbertext { top: 549px;}
	.scotchness .push-down3  { top: 31px;}
	.scotchness .push-down3 .numbertext { top: 531px;}
	.scotchness .push-down4  { top: 0px;}
	.scotchness .push-down4 .numbertext { top: 562px;}
	.scotchness .push-down6  { top: 20px;}
	.scotchness .push-down6 .numbertext { top: 542px;}
	.scotchness .push-up  { top: -68px;}
	.scotchness .push-up .numbertext { top: 630px;}
	.scotchness .push-down1d  { top: 97px;}
	.scotchness .push-down1d .numbertext { top: 465px;}
	.scotchness .push-down5  { top: 0px;}
	.scotchness .push-down5 .numbertext { top: 562px;}
	
	.untilalmost .caption-container { top: 586px;}
	.untilalmost .numbertext { top: 562px;}
	.untilalmost .push-down .numbertext { top: 562px;}
	.untilalmost .push-down2 { top: 20px;}
	.untilalmost .push-down2 .numbertext { top: 542px;}
	.untilalmost .column-container { top: 648px;}
	
	.upanddown .caption-container { top: 586px;}
	.upanddown .numbertext { top: 562px;}
	.upanddown .push-down { top: 20px;}
	.upanddown .push-down .numbertext { top: 542px;}
	.upanddown .push-down2 { top: 0px;}
	.upanddown .push-down2 .numbertext { top: 562px;}
	.upanddown .push-down3 .numbertext { top: 562px;}
	.upanddown .push-down4 { top: 99px;}
	.upanddown .push-down4 .numbertext { top: 463px;}
	.upanddown .push-down5 { top: 47px;}
	.upanddown .push-down5 .numbertext { top: 515px;}
	.upanddown .column-container { top: 648px;}
	
	.uphall .column-container { top: 648px;}
	.uphall .caption-container { top: 586px;}
	.uphall .numbertext { top: 562px;}
	.uphall .push-down  { top: 97px;}
	.uphall .push-down .numbertext   { top: 465px;}
	
	.voice .caption-container { top: 586px;}
	.voice .numbertext { top: 562px;}
	.voice .column-container { top: 648px;}
	/* --- END LIGHTBOX  --- */	
	
	.main-content-1r, .main-content-2r  { position: relative;}
	
	#top-btn { 
		bottom: 155px;
		right: -9px;
	}
	
	@supports (display: grid) {
		
	.one-col-row h2, .one-col-row aside h4, .sidebar h4 { width: 100%;}

	.thumbnails {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 0.413em 1fr 0.413em 1fr 0.413em 1fr 0.413em 1fr;
		grid-template-columns: repeat(5, 1fr);
		grid-column-gap: 0.413em;
		padding-right: 0;
	}

	.sitemap-page .sitemap { -ms-grid-columns: 19% 25%; grid-template-columns: 19% 25%;}
	}
}
/* ---  END Large Devices/ 1170  laptops/desktops--- */

@media screen and (min-width: 1200px) { 
	#top-btn { right: -32px;}
	@supports (display: grid) {
		.main-content-1r, .main-content-2r { padding: 0 1.65em;}
	}
}

@media screen and (min-width: 1280px) { 
	.intro::before {
    border-bottom: 4.125em solid rgba(255, 255, 255, 0);
}
}
@media screen and (min-width: 1300px) {
	#top-btn { right: -82px;}
}

@media screen and (min-width: 1367px) {
	
	.featured img, .untilalmost .featured img, .leitfie .featured img, .uphall .featured img, .voice .featured img, .blackness .featured img, .scotchness .featured img {
		max-width: 100%;
		max-height: 100%;
	}
	.one-col-row aside p { max-width: 67%;}
	.artinfo { margin-top: 13.2em;}
	}

@media screen and (min-width: 1920px) {	
	.intro::before { border-bottom: 5em solid rgba(255, 255, 255, 0);} 
	.intro-button { bottom: 6vh;}	
}
/* --  END Large Devices/ -- */
/* --  END CSS -- */