:root {
 /* COLOUR */
 --white:#EEE;
 --light:#E8EADD;
 --light-30:rgba(255,255,255,.3);
 --light-24:rgba(255,255,255,.24);
 --light-18:rgba(255,255,255,.18);
 --midlight:#C2C4B7;
 --midlight-90:rgba(194, 196, 183,.9);
 --middark:#5B5D50;
 --middark-90:rgba(91,93,80,.9);
 --dark:#3D3F32;
 --dark-12:rgba(0,0,0,.12);
 --black:#333;
 --antilight:#5e5050;
 --antimidlight:#C4BABA;
 --antimiddark:#5E5050;
 --antidark:#372F2F;
 /* SIZING */
 --baseFontSize:13.6px;
 --spacer:1rem;
 --maxwidth:900px;
 --s-art-w:500px;
 --s-navLeft:14.3%;
 /* border */
 --border-light:1px solid var(--light);
 --border-light-30:1px solid var(--light-30);
 --border-light-24:1px solid var(--light-24);
 --border-light-18:1px solid var(--light-18);
 --border-midlight:1px solid var(--midlight);
 --border-middark:1px solid var(--middark);
 --border-middark-bold:4px solid var(--middark);
 --border-dark:1px solid var(--dark);
 --border-dark-bold:4px solid var(--dark);
 --border-black:1px solid var(--black);
 --border-black-bold:4px solid var(--black);
 --border-inner-black:12px solid var(--black);
 /* SHAPING */
 --bRadius-sm:12px;
 /* SHADING */
 --shadow:0px .25px 18px 0px rgba(0,0,0,0.1);
 --shadow-flat:0px .25px 3px 1px rgba(0,0,0,0.3);
 --shadow-top-flat:0px -1px 3px 1px rgba(0,0,0,0.3);
 /*ANIMATION*/
 --ease-in-out:ease-in-out 0.3s;
 --ease-in-out-long:ease-in-out 1s;
 /*DEV*/
 --viewOutline:1px solid teal;
}

/*
- arrangement
- text

#ailt
#heirnt

*/

*, *::before, *::after {box-sizing:border-box;}

.outline {
 outline:var(--viewOutline);
 outline-offset:-1px;
}

.border-xparent {border:1px solid transparent;}
.border-light {border:var(--border-light);}
.border-midlight {border:var(--border-midlight);}
.border-middark {border:var(--border-middark);}
.border-dark {border:var(--border-dark);}
.border-black {border:var(--border-black);}
.border-black-bold {border:var(--border-black-bold);}

.border-top-light {border-top:var(--border-light);}
.border-left-middark {border-left:var(--border-middark);}
.border-left-middark-bold {border-left:var(--border-middark-bold);}
.border-left-dark {border-left:var(--border-dark);}
.border-left-dark-bold {border-left:var(--border-dark-bold);}
.border-left-black-bold {border-left:var(--border-black-bold);}
.border-right-light {border-right:var(--border-light);}
.border-right-midlight {border-right:var(--border-midlight);}
.border-right-middark {border-right:var(--border-middark);}
.border-right-dark {border-right:var(--border-dark);}
.border-right-dark-bold {border-right:var(--border-dark);}
.border-right-black {border-right:var(--border-black);}
.border-right-black-bold {border-right:var(--border-black-bold);}
.border-sides-light {
 border-left:var(--border-light);
 border-right:var(--border-light);
}
.border-top-middark {border-top:var(--border-middark);}
.border-top-dark {border-top:var(--border-dark);}
.border-top-black {border-top:var(--border-black);}
.border-sides-black {
 border-left:var(--border-black);
 border-right:var(--border-black);
}
.border-btm-light {border-bottom:var(--border-light);}
.border-btm-light-18 {border-bottom:var(--border-light-18);}
.border-btm-midlight {border-bottom:var(--border-midlight);}
.border-btm-middark {border-bottom:var(--border-middark);}
.border-btm-dark {border-bottom:var(--border-dark);}
.border-btm-dark-bold {border-bottom:var(--border-dark-bold);}
.border-btm-black {border-bottom:var(--border-black);}
.border-btm-black-bold {border-bottom:var(--border-black-bold);}


.border-inner-top-black {border-top:var(--border-inner-black);}
.border-inner-sides-black {
 border-left:var(--border-inner-black);
 border-right:var(--border-inner-black);
}

.border-none {border:0;}

.bRadius-sm {border-radius:var(--bRadius-sm);}
.bRadius-top-sm {
 border-radius:var(--bRadius-sm) var(--bRadius-sm) 0 0 ;
}
.bRadius-btm-sm {
 border-radius:0 0 var(--bRadius-sm) var(--bRadius-sm);
}
.bRadius-bl-sm {
 border-bottom-left-radius:var(--bRadius-sm);
}
.bRadius-br-sm {
 border-radius:0 0 var(--bRadius-sm) 0;
}

.outline-12-midlight {
 border:0 solid var(--midlight);
 outline:12px solid var(--midlight);
 outline-offset:-12px;
}
.outline-12-middark {
 border:0 solid var(--middark);
 outline:12px solid var(--middark);
 outline-offset:-12px;
}
.border-btm-12 {
 position:absolute;bottom:0;left:0;
 border-radius:0 0 30px 30px;
 padding-bottom:12px;
 margin-bottom:-12px;
}

.outline-18-midlight {
 border:0 solid var(--midlight);
 outline:18px solid var(--midlight);
 outline-offset:-18px;
}
.outline-18-middark {
 border:0 solid var(--middark);
 outline:18px solid var(--middark);
 outline-offset:-18px;
}
.border-btm-18 {
 position:absolute;bottom:0;left:0;
 border-radius:0 0 30px 30px;
 padding-bottom:18px;
 margin-bottom:-18px;
}

.shadow {box-shadow:var(--shadow);}
.shadow-flat {box-shadow:var(--shadow-flat);}
.shadow-top-flat {box-shadow:var(--shadow-flat);}

.d-none {display:none!important;}
.inline {display:inline-block;}
.inline-flex {display:inline-flex;}
.block {display:block;}
.flex {display:flex;}
.grid {display:grid;}
.table {display:table;}

.flex.wrap {flex-wrap:wrap;}
.flex.nowrap {flex-wrap:nowrap;}

.collapse-v {
 max-height:0!important;
}
.collapse-v-pc {
 height:0%!important;
}
#toggle-nav-btm,
#menu-gallery
 {
 max-height:2000px;
}



/* - - - - - - - - - - - -
 - - - - - - - - - - - - - arrangement
- - - - - - - - - - - - */

.screen {width:100%;height:100%;}
.scroll-none {overflow-y:hidden!important;}
.scroll-y {overflow-y:scroll;overflow-x:hidden;}
.scroll-x {overflow-x:scroll;overflow-y:hidden;}
.overflow {overflow:visible!important;}
.overflow-hidden {overflow:hidden;}

.relative {position:relative;}
.absolute {position:absolute;}
.fixed {position:fixed;}

.pos-centre-vrt {left:50%;transform:translateX(-50%);}

.tl {
 top:0;left:0;
}
.tr {
 bottom:auto;left:auto;transform:none;
 top:0;right:0;
}
.tc {
 left:50%;transform:translateX(-50%);
}
.rc {
 right:0;transform:translateY(-50%);
}
.cc {
 top:50%;left:50%;
 transform:translate(-50%,-50%);
}
.br {
 bottom:0;right:0;
}
.bl {
 bottom:0;left:0;
}
.bc {
 bottom:0;
 left:50%;transform:translateX(-50%);
}

.index-0 {z-index:0;}
.index-1 {z-index:1;}
.index-2 {z-index:2;}
.index-3 {z-index:3;}
.index-4 {z-index:4;}
.index-5 {z-index:5;}
.index-6 {z-index:6;}
.index-7 {z-index:7;}
.index-8 {z-index:8;}
.index-9 {z-index:9;}
.index-10 {z-index:10;}

.overlay {
 position:absolute;
 left:0;right:0;top:0;bottom:0;
 background-color:transparent;
 background-repeat:no-repeat;
 width:100%;height:100%;
}
.overlay-centre {
 position:absolute;z-index:0;
 bottom:50%;right:50%;
 transform:translate(50%,50%);
 background-repeat:no-repeat;
}
.overlay-texture {
 position:absolute;
 left:0;right:0;top:0;bottom:0;
 background-color:transparent;
 background-repeat:repeat;
 width:100%;height:100%;
}

.justify-start {justify-content:flex-start;}
.justify-centre {justify-content:center!important;}
.justify-end {justify-content:flex-end;}
.justify-between {justify-content:space-between;}
.justify-space {justify-content:space-around;}

.align-start {align-items:flex-start;}
.align-centre {align-items:center;}
.align-end {align-items:flex-end;}
.align-stretch {align-items:stretch;}

.txt-centre {text-align:center;}





.fill-midlight {background-color:var(--midlight);}
.fill-midlight-90 {background-color:var(--midlight-90);}
.fill-middark {background-color:var(--middark);}
.fill-middark-90 {background-color:var(--middark-90);}
.fill-dark {background-color:var(--dark);}
.fill-black {background-color:var(--black);}

.fill-midlight-paper {
 background-image:url('http://www.dremyad.com/images/BG_patterns/texture.png');
}
.fill-midlight-paper-90 {
 background-image:url('http://www.dremyad.com/images/BG_patterns/texture.png');
 opacity:.9;
}

.blend-multiply {mix-blend-mode:multiply;}
.blend-overlay {mix-blend-mode:overlay;}


/* - - - - - - - - - - - -
 - - - - - - - - - - - - - text
- - - - - - - - - - - - */

.txt-white {color:var(--white);}
.txt-light {color:var(--light);}
.txt-midlight {color:var(--midlight);}
.txt-middark {color:var(--middark);}
.txt-dark {color:var(--dark);}


.javalink {cursor: pointer;}

.easing {
 -webkit-transition:var(--ease-in-out);
 -moz-transition:var(--ease-in-out);
 -o-transition:var(--ease-in-out);
 transition:var(--ease-in-out);
}
.easing-long {
 -webkit-transition:var(--ease-in-out-long);
 -moz-transition:var(--ease-in-out-long);
 -o-transition:var(--ease-in-out-long);
 transition:var(--ease-in-out-long);
}


h1 {
 min-width:3.6rem;min-height:3.6rem;
 font-size:3.6rem;
 font-weight:100;
 letter-spacing:.18rem;
 line-height:3.9rem;
 margin:0;
}
h1.display {
 font-size:3.9rem;
 font-weight:700;
}
h1 ic-n {
 width:3.6rem;height:100%;
}
h2 {
 min-width:2rem;min-height:2rem;
 font-size:2rem;
 font-weight:100;
 margin:30px 0 12px 0;
 letter-spacing:.18rem;
 line-height:2.4rem;
}
h2.display {
 font-weight:700;
 letter-spacing:.06rem;
}
h2 ic-n {
 min-width:2rem;min-height:2rem;

}
h3 {
 font-size:1.3rem;
 letter-spacing:.1rem;
 font-weight: 500;
}
h3 ic-n {
 width:1rem;height:1rem;
 margin-right:1rem;
 top:.05rem;
}
h5 { /*figcaption titles*/
 min-width:1.2rem;min-height:1.2rem;
 font-size:1.2rem;
 font-weight:300;
 letter-spacing:.05rem;
 margin:0 0 6px 0;
 padding:0;
}
h5 ic-n {
 width:1.2rem;
}
h5.detail {
 font-size:.9rem;
 font-weight:300;
 letter-spacing:.1rem;
 padding:0;
}
h6 {
 font-size:1rem;
 font-weight:300;
 letter-spacing:.05rem;
 margin:0 0 6px 0;
 padding:0;
}
h6 ic-n {
 width:1rem;
 height:100%;
}
h6.display {
 letter-spacing:.15rem;
}
p {
 min-width:1.3rem;min-height:1.3rem;
 font-size:1.3rem;
 font-weight:400;
 line-height:2rem;
}
p ic-n {
 width:1.3rem;
 height:100%;
}
p.display {
 font-weight:700;
}
p.fine {font-size:.93rem;}

h1.nowrap,
h2.nowrap,
h3.nowrap,
h4.nowrap,
h5.nowrap,
p.nowrap {white-space:nowrap;}

#nav-text {
 font-size:1.1rem;
 letter-spacing:.24rem;
}


a {color:#f9fff9; text-decoration:none; }
a:hover {color:white;}

a.n {color:#f9fff9; }
a.n:visited {color:#666; }
a.n:hover {color:white; }
a.n:active {color:#f9fff9; }
a.n:link {color:#666; }

a.LGT {color:#f9fff9; }
a.LGT:visited {color:#f9fff9; }
a.LGT:hover {color:white; }
a.LGT:active {color:#f9fff9; }
a.LGT:link {color:#f9fff9; }

a.anc {display:block; width:100%; height:12%; }
a#endCover {
 z-index:1000;
 position:absolute;bottom:-250%;left:0;
 width:1px;height:1px;
}

article a {color:#DDE2E1;}
article a:visited {color:#DDE2E1;}
article a:hover {color:#DDE2E1;}
article a:active {color:#DDE2E1;}
article a:link {color:#DDE2E1;}



/* offset-x | offset-y | blur-radius | color */
.txt-shadow {text-shadow:1px 0 3px var(--dark);}

.txt-italic {font-style:italic;}
.unbold {font-weight:normal}
.underline {text-decoration:underline;}
.allcaps {text-transform:uppercase;}


.paragraphs p {
 margin-bottom:1em;
}
.paragraphs p:last-child {
 margin-bottom:0;
}



.image {
 background-position:center;
 background-repeat:no-repeat;
 background-size:cover;
}
.image.expanded {
 background-size:103%;
}




/* - - - - - - - - - - - -
 - - - - - - - - - - - - - structure
- - - - - - - - - - - - */

.circle {border-radius:50%;}
.corner.br {border-radius:0 0 100% 0;}

.ratio {width:100%;}
.ratio#r-1n1 {padding-bottom:100%;}
.ratio#r-2n3 {padding-bottom:150%;}



/* - - - - - - - - - - - -
 - - - - - - - - - - - - - structure
- - - - - - - - - - - - */

/* figure*/
html, body, main, section, cov-r, .container {
 position:relative;width:100%;
}
html, body, main {
 height:100%;
}
section, .container {
 display:flex;
}
.page {
flex-grow:0;flex-shrink:0;
box-sizing:border-box;
}
.container, figure, section#A {
 overflow:hidden;
}



html {
 font-size:var(--baseFontSize);
 font-family:'Exo 2',sans-serif;
 line-height:1.4em;

 background-color:var(--light);
 color:var(--middark);
}
body {
 z-index:1;
 overflow-x:hidden;
 overflow-y:scroll;
}

.container {
 flex-direction:column;
 max-width:var(--maxWidth);
 padding-left:1.5rem;padding-right:1.5rem;
}

ul {list-style: none;}
ul li a {
 display:inline-block;
 width:100%;height:100%;
 padding-top:calc(var(--spacer)*1.75);
 padding-bottom:calc(var(--spacer)*1.75);
}

ul.nav li a {
 letter-spacing:.24rem;
}

ul.nav li a:hover {
 font-weight:700;
}

ul.nav li a.selected {
 font-weight:700;
}

ul.nav li {
 font-weight:100;
 text-transform:uppercase;
 letter-spacing:.12rem;
 border-bottom:1px solid var(--midlight);
}

ul.nav.sub {
 padding-top:calc(var(--spacer)*.75);
 padding-bottom:calc(var(--spacer)*.25);
 padding-left:calc(var(--spacer)*1.5);
 padding-right:calc(var(--spacer)*1.5);
}
ul.nav.sub li {
 padding:calc(var(--spacer)*1.75);
 text-align:center;
 border-bottom:1px solid var(--dark-12);
}

ul.nav li:last-child,
ul.nav.sub li:last-child {
 border-bottom:0;
}


/*cover*/

cov-r {/*height:0%!important;*/}

cov-r section#A #logo img {
 width:42px;
}
cov-r section#A #title img {
 max-width:1220px;
}
cov-r section#A #subtitle {
 font-size:33px;letter-spacing:1px;
}
cov-r section#A #intro {
 +font-size:18px;
 font-weight:100;
 text-shadow: 1px 1px 2px #000;
}


cov-r section#B {
 overflow:hidden;
}



cov-r section#C {height:0;}
cov-r section#C.active {height:5rem;}

cov-r section#C .container {display:none;}
cov-r section#C.active .container {height:auto;display:flex;}

cov-r section#C #tab-nav .circle {
 margin-top:-4.3%;
}

cov-r section#D {
 z-index:0;
 position:relative;
 width:0%;
 border:1px solid transparent;
}

cov-r #instagram img {
 margin:3px;
 border:1px solid var(--midlight);
}



main.gallery figure {
 margin:0;
}
main.gallery header {
 max-width:500px;
}
main.gallery figure img {
 max-width:500px;
}
main.gallery figure img {
 filter: contrast(82%);
 max-width:100%;
}/* see img.css for viewport height declination */

main.gallery figure figcaption #fig_ext {
 height:0%;display:none;
}

main.gallery figure:hover figcaption #fig_ext {
 height:100%;display:flex;
}

main.gallery header:last-child {
 margin-bottom:calc(var(--spacer)*4);
}




nav#ailt {
 overflow-y:scroll;
 z-index:7;
 position:fixed;top:0;left:16.66%;
 height:100%;

 font-size:1.2rem;
 color:var(--light);
}
nav#ailt a {color:#C4C6C0;}

nav.accordion {
}
nav.accordion .header,
nav.accordion a.entry {
 padding:1.2rem;
 display:block;
}
nav.accordion a.entry.active {
 font-weight:700;
}
nav.accordion a.entry:hover {transition:color 0.2s ease;}
nav.accordion a.entry:hover {font-weight:700;}

.accordion-section.month {
 background-color:var(--middark);
}
.accordion-section .content {
 background-color:var(--dark);
}

.accordion-section .content {
 display: none;
}
.accordion-section.year > .header,
.accordion-section.month > .header {
 border: 1px solid transparent;
 transition: border-color 0.2s ease;
}
.accordion-section.year > .header:hover,
.accordion-section.month > .header:hover {
  font-weight:700;
  border-bottom:1px solid var(--dark);
}
.accordion-section.expanded > .content {
 display: block;
}
.accordion-section.year.expanded > .header,
.accordion-section.month.expanded > .header {
  font-weight:700;
}
.accordion-section.year.expanded > .header {
 border-bottom:1px solid var(--midlight);
}

#ailt main {
 padding:2rem 0 4rem 0;
}

nav#secondary {height:0;}
nav#secondary.active {height:auto;}

body#ailt #cntl-icons,
body#heirnt #cntl-icons {min-height:1.8rem;}
body#ailt #cntl-icons h2,
body#heirnt #cntl-icons h2 {display:none;}



main#alt {
 top:0;left:0;
 width:100%;
}

main#alt article {
 position:relative;
 padding:6%;
 width:100%; max-width: 900px;
 height:auto;
}

main#alt article h1,
main#alt article h3 {color:white;}

main#alt article figure {
 position:relative;
 width:100%;left:0;
 margin:12% 0 0 0;
 text-align: center;
 border-bottom:1px solid #CCC;
}

main#alt article figure img {
 position:relative;z-index:2;
 /*width:500px;*/width:100%;
 margin:0 0 12% 0;
 border:1px solid #5B5D58; border-radius:12px;
 box-shadow: 1px 1px 4px #5B5D58;
}


#heirnt article {display:none;}

#heirnt section#meta-wrapper {
 width:100%;
 color:var(--light);
}
#heirnt section#meta-wrapper .content {display:none;}
#heirnt section#meta-wrapper.expanded .content {display:block;}

#heirnt section #meta-header {
 height:3rem;
 padding-left:2rem;
 color:var(--light);
}
#heirnt section #meta-header span#meta-toggle-label {
 padding-right:1rem;
}
#heirnt #meta-content {
 padding:1rem;
}
#heirnt #meta-content span.label {
 font-weight:500;
 width:30%;
 /*min-width:80px;*/
}

#heirnt #meta-content .meta-field {
 display:flex;
 align-items:center;
 height:2rem;
}
#heirnt #meta-content .meta-field input,
#heirnt #meta-content .meta-field select {
 width:70%;
 max-width: 100%;
}
#heirnt #meta-content .meta-field input[type="text"],
#heirnt #meta-content .meta-field select {
 color:var(--midlight);
 background-color:var(--middark);
 border:none;
 box-shadow: none;
 outline: none;
 font: inherit;
 padding:0 0 0 .5rem;
}
#heirnt #meta-content .meta-field input[type="checkbox"] {
  margin-left: 0;
  margin-right: auto;
  width:1rem;
}




#heirnt textarea {
 width:100%;
 height:100%;
 padding:1rem;
 background-color: transparent;
 color: inherit;
 border: none;
 resize: none;

 font-family: inherit;
 font-size: 1.2rem;
}

#heirnt input#saveBtn {
 all:unset;
 display:flex;
 align-items: center; justify-content: center;
 text-align:center;
 position:fixed;
 bottom:0;
 width:calc(100% - 2rem);
 height:5rem;
 margin:1rem;
 background-color: var(--middark);
 color:var(--midlight);
 font-size: 1.5rem;
 border-radius:1rem;
 /* button position in P/index.php */
}





.w-c9 {width:75%;}

.row.full,
.row-1.full,
.row-2.full,
.row-3.full,
.row-4.full,
.row-5.full,
.row-6.full,
.row-7.full,
.row-8.full,
.row-9.full,
.row-10.full,
.row-11.full,
.row-12.full {
 width:100%;
}

.wrap {flex-wrap: wrap;}

.row {
 flex-direction:row;
}
.row-1 {
 flex-direction:row;
 height:08.3%!important;
}
.row-2 {
 flex-direction:row;
 height:16.6%!important;
}
.row-3 {
 flex-direction:row;
 height:25%!important;
}
.row-4 {
 flex-flow:row wrap;
 height:33%!important;
}
.row-5 {
 flex-flow:row wrap;
 height:41%!important;
}
.row-6 {
 flex-flow:row wrap;
 height:50%!important;
}
.row-7 {
 flex-flow:row wrap;
 height:58%!important;
}
.row-8 {
 flex-direction:row;
 height:66.6%!important;
}
.row-9 {
 flex-direction:row;
 height:75%!important;
}
.row-10 {
 flex-direction:row;
 height:83.3%!important;
}
.row-11 {
 flex-direction:row;
 height:91.6%!important;
}
.row-12 {
 flex-direction:row;
 height:100%!important;
}


.col.full,
.col-0.full,
.col-1.full,
.col-2.full,
.col-3.full,
.col-4.full,
.col-5.full,
.col-6.full,
.col-7.full,
.col-8.full,
.col-9.full,
.col-10.full,
.col-11.full,
.col-12.full {
 height:100%;
}

.col {
 flex-direction:column;
}
.col-0 {
 flex-direction:column;
 width:0;
}
.col-1 {
 flex-direction:column;
 width:8.33%!important;
}
.col-2 {
 flex-direction:column;
 width:16.66%!important;
}
.col-3 {
 flex-direction:column;
 width:25%!important;
}
.col-4 {
 flex-direction:column;
 width:33%!important;
}
.col-5 {
 flex-direction:column;
 width:41%!important;
}
.col-6 {
 flex-direction:column;
 width:50%!important;
}
.col-7 {
 flex-direction:column;
 width:58%!important;
}
.col-8 {
 flex-direction:column;
 width:66.66%!important;
}
.col-9 {
 flex-direction:column;
 width:75%!important;
}
.col-10 {
 flex-direction:column;
 width:83.3%!important;
}
.col-11 {
 flex-direction:column;
 width:91.66%!important;
}
.col-12 {
 flex-direction:column;
 width:100%!important;
}





/* - - - - - - - - - - - -
 - - - - - - - - - - - - - margin padding
- - - - - - - - - - - - */

.m-0 {
 margin-top:0!important;
 margin-bottom:0!important;
 margin-right:0!important;
 margin-left:0!important;
}
.p-0 {
 padding-top:0!important;
 padding-bottom:0!important;
 padding-right:0!important;
 padding-left:0!important;
}
.mt-0 {margin-top:0!important;}
.mr-0 {margin-right:0!important;}
.mb-0 {margin-bottom:0!important;}
.ml-0 {margin-left:0!important;}
.mx-0 {
 margin-left:0!important;
 margin-right:0!important;
}
.my-0 {
 margin-top:0!important;
 margin-bottom:0!important;
}
.pt-0 {padding-top:0!important;}
.pr-0 {padding-right:0!important;}
.pb-0 {padding-bottom:0!important;}
.pl-0 {padding-left:0!important;}
.px-0 {
 padding-left:0!important;
 padding-right:0!important;
}
.py-0 {
 padding-top:0!important;
 padding-bottom:0!important;
}

.p-1 {
 padding-top:calc(var(--spacer)*.25)!important;
 padding-right:calc(var(--spacer)*.25)!important;
 padding-bottom:calc(var(--spacer)*.25)!important;
 padding-left:calc(var(--spacer)*.25)!important;
}
.pt-1 {padding-top:calc(var(--spacer)*.25)!important;}
.pr-1 {padding-right:calc(var(--spacer)*.25)!important;}
.pb-1 {padding-bottom:calc(var(--spacer)*.25)!important;}
.pl-1 {padding-left:calc(var(--spacer)*.25)!important;}
.px-1 {
 padding-left:calc(var(--spacer)*.25)!important;
 padding-right:calc(var(--spacer)*.25)!important;
}
.py-1 {
 padding-top:calc(var(--spacer)*.25)!important;
 padding-bottom:calc(var(--spacer)*.25)!important;
}
.m-1 {
 padding-top:calc(var(--spacer)*.25)!important;
 padding-right:calc(var(--spacer)*.25)!important;
 padding-bottom:calc(var(--spacer)*.25)!important;
 padding-left:calc(var(--spacer)*.25)!important;
}
.mt-1 {padding-top:calc(var(--spacer)*.25)!important;}
.mr-1 {padding-right:calc(var(--spacer)*.25)!important;}
.mb-1 {padding-bottom:calc(var(--spacer)*.25)!important;}
.ml-1 {padding-left:calc(var(--spacer)*.25)!important;}
.mx-1 {
 padding-left:calc(var(--spacer)*.25)!important;
 padding-right:calc(var(--spacer)*.25)!important;
}
.my-1 {
 padding-top:calc(var(--spacer)*.25)!important;
 padding-bottom:calc(var(--spacer)*.25)!important;
}

.mt-1n {padding-top:calc(var(--spacer)*-.25)!important;}
.mr-1n {padding-right:calc(var(--spacer)*-.25)!important;}
.mb-1n {padding-bottom:calc(var(--spacer)*-.25)!important;}
.ml-1n {padding-left:calc(var(--spacer)*-.25)!important;}


.m-2 {
 margin-top:calc(var(--spacer)*.5)!important;
 margin-right:calc(var(--spacer)*.5)!important;
 margin-bottom:calc(var(--spacer)*.5)!important;
 margin-left:calc(var(--spacer)*.5)!important;
}
.mt-2 {margin-top:calc(var(--spacer)*.5)!important;}
.mr-2 {margin-right:calc(var(--spacer)*.5)!important;}
.mb-2 {margin-bottom:calc(var(--spacer)*.5)!important;}
.ml-2 {margin-left:calc(var(--spacer)*.5)!important;}
.mx-2 {
 margin-left:calc(var(--spacer)*.5)!important;
 margin-right:calc(var(--spacer)*.5)!important;
}
.my-2 {
 margin-top:calc(var(--spacer)*.5)!important;
 margin-bottom:calc(var(--spacer)*.5)!important;
}
.mt-2n {margin-top:calc(var(--spacer)*-.5)!important;}
.mr-2n {margin-right:calc(var(--spacer)*-.5)!important;}
.mb-2n {margin-bottom:calc(var(--spacer)*-.5)!important;}
.ml-2n {margin-left:calc(var(--spacer)*-.5)!important;}


.p-2 {
 padding-top:calc(var(--spacer)*.5)!important;
 padding-right:calc(var(--spacer)*.5)!important;
 padding-bottom:calc(var(--spacer)*.5)!important;
 padding-left:calc(var(--spacer)*.5)!important;
}
.pt-2 {padding-top:calc(var(--spacer)*.5)!important;}
.pr-2 {padding-right:calc(var(--spacer)*.5)!important;}
.pb-2 {padding-bottom:calc(var(--spacer)*.5)!important;}
.pl-2 {padding-left:calc(var(--spacer)*.5)!important;}
.px-2 {
 padding-left:calc(var(--spacer)*.5)!important;
 padding-right:calc(var(--spacer)*.5)!important;
}
.py-2 {
 padding-top:calc(var(--spacer)*.5)!important;
 padding-bottom:calc(var(--spacer)*.5)!important;
}


.mt-3n {margin-top:calc(var(--spacer)*-1)!important;}

.m-3 {
 margin-top:var(--spacer)!important;
 margin-right:var(--spacer)!important;
 margin-bottom:var(--spacer)!important;
 margin-left:var(--spacer)!important;
}
.mt-3 {margin-top:var(--spacer)!important;}
.mr-3 {margin-right:var(--spacer)!important;}
.mb-3 {margin-bottom:var(--spacer)!important;}
.ml-3 {margin-left:var(--spacer)!important;}
.mx-3 {
 margin-left:var(--spacer)!important;
 margin-right:var(--spacer)!important;
}
.my-3 {
 margin-top:var(--spacer)!important;
 margin-bottom:var(--spacer)!important;
}
.mt-3n {margin-top:calc(var(--spacer)*-1)!important;}
.mr-3n {margin-right:calc(var(--spacer)*-1)!important;}
.mb-3n {margin-bottom:calc(var(--spacer)*-1)!important;}
.ml-3n {margin-left:calc(var(--spacer)*-1)!important;}
.mx-3n {
 margin-left:calc(var(--spacer)*-1)!important;
 margin-right:calc(var(--spacer)*-1)!important;
}
.my-3n {
 margin-top:calc(var(--spacer)*-1)!important;
 margin-bottom:calc(var(--spacer)*-1)!important;
}


.p-3 {
 padding-top:var(--spacer)!important;
 padding-right:var(--spacer)!important;
 padding-bottom:var(--spacer)!important;
 padding-left:var(--spacer)!important;
}
.pt-3 {padding-top:var(--spacer)!important;}
.pr-3 {padding-right:var(--spacer)!important;}
.pb-3 {padding-bottom:var(--spacer)!important;}
.pl-3 {padding-left:var(--spacer)!important;}
.px-3 {
 padding-left:var(--spacer)!important;
 padding-right:var(--spacer)!important;
}
.py-3 {
 padding-top:var(--spacer)!important;
 padding-bottom:var(--spacer)!important;
}

.m-4 {margin:calc(var(--spacer)*1.5);}
.mt-4 {margin-top:calc(var(--spacer)*1.5);}
.mr-4 {margin-right:calc(var(--spacer)*1.5);}
.mb-4 {margin-bottom:calc(var(--spacer)*1.5);}
.ml-4 {margin-left:calc(var(--spacer)*1.5);}
.mx-4 {
 margin-left:calc(var(--spacer)*1.5);
 margin-right:calc(var(--spacer)*1.5);
}
.my-4 {
 margin-top:calc(var(--spacer)*1.5);
 margin-bottom:calc(var(--spacer)*1.5);
}
.p-4 {padding:calc(var(--spacer)*1.5);}
.pt-4 {padding-top:calc(var(--spacer)*1.5);}
.pr-4 {padding-right:calc(var(--spacer)*1.5);}
.pb-4 {padding-bottom:calc(var(--spacer)*1.5);}
.pl-4 {padding-left:calc(var(--spacer)*1.5);}
.px-4 {
 padding-left:calc(var(--spacer)*1.5);
 padding-right:calc(var(--spacer)*1.5);
}
.py-4 {
 padding-top:calc(var(--spacer)*1.5);
 padding-bottom:calc(var(--spacer)*1.5);
}

.m-5 {margin:calc(var(--spacer)*2)!important;}
.mt-5 {margin-top:calc(var(--spacer)*2)!important;}
.mr-5 {margin-right:calc(var(--spacer)*2)!important;}
.mb-5 {margin-bottom:calc(var(--spacer)*2)!important;}
.ml-5 {margin-left:calc(var(--spacer)*2)!important;}
.mx-5 {
 margin-left:calc(var(--spacer)*2)!important;
 margin-right:calc(var(--spacer)*2)!important;
}
.my-5 {
 margin-top:calc(var(--spacer)*2)!important;
 margin-bottom:calc(var(--spacer)*2)!important;
}

.p-5 {padding:calc(var(--spacer)*2);}
.pt-5 {padding-top:calc(var(--spacer)*2)!important;}
.pr-5 {padding-right:calc(var(--spacer)*2);}
.pb-5 {padding-bottom:calc(var(--spacer)*2);}
.pl-5 {padding-left:calc(var(--spacer)*2);}
.px-5 {
 padding-left:calc(var(--spacer)*2);
 padding-right:calc(var(--spacer)*2);
}
.py-5 {
 padding-top:calc(var(--spacer)*2);
 padding-bottom:calc(var(--spacer)*2);
}

.mt-018 {margin-top:1.8%;}
.mr-018 {margin-right:1.8%;}
.mb-018 {margin-bottom:1.8%;}
.ml-018 {margin-left:1.8%;}
.mx-018 {
 margin-left:1.8%;
 margin-right:1.8%;
}
.my-018 {
 margin-top:1.8%;
 margin-bottom:1.8%;
}
.pt-018 {padding-top:1.8%;}
.pr-018 {padding-right:1.8%;}
.pb-018 {padding-bottom:1.8%;}
.pl-018 {padding-left:1.8%;}
.px-018 {
 padding-left:1.8%;
 padding-right:1.8%;
}
.py-018 {
 padding-top:1.8%;
 padding-bottom:1.8%;
}

.pt-06 {padding-top:6%;}
.pr-06 {padding-right:6%;}
.pb-06 {padding-bottom:6%;}
.pl-06 {padding-left:6%;}
.px-06 {
 padding-left:6%;
 padding-right:6%;
}
.py-30 {
 padding-top:30%;
 padding-bottom:30%;
}
.pt-30 {padding-top:30%;}
.pr-30 {padding-right:30%;}
.pb-30 {padding-bottom:30%;}
.pl-30 {padding-left:30%;}
.px-30 {
 padding-left:30%;
 padding-right:30%;
}
.py-30 {
 padding-top:30%;
 padding-bottom:30%;
}

.m-1c {margin:8.33%;}
.mt-1c {margin-top:8.33%;}
.mr-1c {margin-right:8.33%;}
.mb-1c {margin-bottom:8.33%;}
.ml-1c {margin-left:8.33%;}
.mx-1c {
 margin-left:8.33%;
 margin-right:8.33%;
}
.my-1c {
 margin-top:8.33%;
 margin-bottom:8.33%;
}
.mt-1cn {margin-top:-8.33%;}
.mr-1cn {margin-right:-8.33%;}
.mb-1cn {margin-bottom:-8.33%;}
.ml-1cn {margin-left:-8.33%;}


.m-2c {margin:16.7%;}
.mt-2c {margin-top:16.7%;}
.mr-2c {margin-right:16.7%;}
.mb-2c {margin-bottom:16.7%;}
.ml-2c {margin-left:16.7%;}
.mx-2c {
 margin-left:16.7%;
 margin-right:16.7%;
}
.my-2c {
 margin-top:16.7%;
 margin-bottom:16.7%;
}
.mt-2cn {margin-top:-16.7%;}
.mr-2cn {margin-right:-16.7%;}
.mb-2cn {margin-bottom:-16.7%;}
.ml-2cn {margin-left:-16.7%;}

.m-4c {margin:33.3%;}
.mt-4c {margin-top:33.3%;}
.mr-4c {margin-right:33.3%;}
.mb-4c {margin-bottom:33.3%;}
.ml-4c {margin-left:33.3%;}
.mx-4c {
 margin-left:33.3%;
 margin-right:33.3%;
}
.my-4c {
 margin-top:33.3%;
 margin-bottom:33.3%;
}
.mt-4cn {margin-top:-33.3%;}
.mr-4cn {margin-right:-33.3%;}
.mb-4cn {margin-bottom:-33.3%;}
.ml-4cn {margin-left:-33.3%;}


.mt-50 {margin-top:50%;}
.mr-50 {margin-right:50%;}
.mb-50 {margin-bottom:50%;}
.ml-50 {margin-left:50%;}
.mx-50 {
 margin-left:50%;
 margin-right:50%;
}
.py-50 {
 padding-top:50%;
 padding-bottom:50%;
}
.pt-50 {padding-top:50%;}
.pr-50 {padding-right:50%;}
.pb-50 {padding-bottom:50%;}
.pl-50 {padding-left:50%;}
.px-50 {
 padding-left:50%;
 padding-right:50%;
}
.py-50 {
 padding-top:50%;
 padding-bottom:50%;
}

.m-12c {margin:100%;}
.mt-12c {margin-top:100%;}
.mr-12c {margin-right:100%;}
.mb-12c {margin-bottom:100%;}
.ml-12c {margin-left:100%;}
.mx-12c {
 margin-left:100%;
 margin-right:100%;
}
.my-12c {
 margin-top:100%;
 margin-bottom:100%;
}
.mt-12cn {margin-top:-100%;}
.mr-12cn {margin-right:-100%;}
.mb-12cn {margin-bottom:-100%;}
.ml-12cn {margin-left:-100%;}


.mt-1pn {margin-top:-1px;}
.mr-1pn {margin-right:-1px;}
.mb-1pn {margin-bottom:-1px;}
.ml-1pn {margin-left:-1px;}

.mt-2pn {margin-top:-2px;}
.mr-2pn {margin-right:-2px;}
.mb-2pn {margin-bottom:-2px;}
.ml-2pn {margin-left:-2px;}


.mt-12p {margin-top:12px;}
.mr-12p {margin-right:12px;}
.mb-12p {margin-bottom:12px;}
.ml-12p {margin-left:12px;}
.mx-12p {
 margin-left:12px;
 margin-right:12px;
}
.my-12p {
 margin-top:12px;
 margin-bottom:12px;
}
.pt-12p {padding-top:12px;}
.pr-12p {padding-right:12px;}
.pb-12p {padding-bottom:12px;}
.pl-12p {padding-left:12px;}
.px-12p {
 padding-left:12px;
 padding-right:12px;
}
.py-12p {
 padding-top:12px;
 padding-bottom:12px;
}

.mt-18p {margin-top:18px;}
.mr-18p {margin-right:18px;}
.mb-18p {margin-bottom:18px;}
.ml-18p {margin-left:18px;}
.mx-18p {
 margin-left:18px;
 margin-right:18px;
}
.my-18p {
 margin-top:18px;
 margin-bottom:18px;
}
.pt-18p {padding-top:18px;}
.pr-18p {padding-right:18px;}
.pb-18p {padding-bottom:18px;}
.pl-18p {padding-left:18px;}
.px-18p {
 padding-left:18px;
 padding-right:18px;
}
.py-18p {
 padding-top:18px;
 padding-bottom:18px;
}
.pt-24p {padding-top:24px;}
.pr-24p {padding-right:24px;}
.pb-24p {padding-bottom:24px;}
.pl-24p {padding-left:24px;}
.px-24p {
 padding-left:24px;
 padding-right:24px;
}
.py-24p {
 padding-top:24px;
 padding-bottom:24px;
}




/* - - - - - - - - - - - -
 - - - - - - - - - - - - - break.md
- - - - - - - - - - - - */

@media (min-width:768px) {

 .d-md-none {display:none!important;}
 .flex-md {display:flex!important;}
 .inline-md {display:inline-block!important;}

 .justify-md-start {justify-content:flex-start;}
 .justify-md-centre {justify-content:center!important;}
 .justify-md-end {justify-content:flex-end;}
 .justify-md-between {justify-content:space-between;}
 .justify-md-space {justify-content:space-around;}

 .align-md-start {align-items:flex-start;}
 .align-md-centre {align-items:center;}
 .align-md-end {align-items:flex-end;}
 .align-md-stretch {align-items:stretch;}



 cov-r section#B h1 {
  font-size:6.3rem;
  min-height:4.2rem;
 }

 cov-r section#C #tab-nav .circle {
  margin-top:-8.3%;
 }

 cov-r section#C #tab-nav #logo {
  margin-top:60px!important;
 }

 main.gallery > * {
  align-items:center;
 }

 main#alt {
  padding-left:33.33%;
 }

 .row-md {
  flex-direction:row;
  height:auto!important;
 }

 .col-md-0 {
  flex-direction:column;
  width:0;
 }
 .col-md-2 {
  flex-direction:column;
  width:16.66%!important;
 }
 .col-md-9 {
  flex-direction:column;
  width:75%!important;
 }







 .m-md-3 {
  margin-top:var(--spacer)!important;
  margin-right:var(--spacer)!important;
  margin-bottom:var(--spacer)!important;
  margin-left:var(--spacer)!important;
 }
 .mt-md-3 {margin-top:var(--spacer)!important;}
 .mr-md-3 {margin-right:var(--spacer)!important;}
 .mb-md-3 {margin-bottom:var(--spacer)!important;}
 .ml-md-3 {margin-left:var(--spacer)!important;}
 .mx-md-3 {
  margin-left:var(--spacer)!important;
  margin-right:var(--spacer)!important;
 }
 .my-md-3 {
  margin-top:var(--spacer)!important;
  margin-bottom:var(--spacer)!important;
 }

 .p-md-3 {
  padding-top:var(--spacer)!important;
  padding-right:var(--spacer)!important;
  padding-bottom:var(--spacer)!important;
  padding-left:var(--spacer)!important;
 }
 .pt-md-3 {padding-top:var(--spacer)!important;}
 .pr-md-3 {padding-right:var(--spacer)!important;}
 .pb-md-3 {padding-bottom:var(--spacer)!important;}
 .pl-md-3 {padding-left:var(--spacer)!important;}
 .px-md-3 {
  padding-left:var(--spacer)!important;
  padding-right:var(--spacer)!important;
 }
 .py-md-3 {
  padding-top:var(--spacer)!important;
  padding-bottom:var(--spacer)!important;
 }


 .p-md-4 {padding:calc(var(--spacer)*1.5)!important;}
 .pt-md-4 {padding-top:calc(var(--spacer)*1.5)!important;}
 .pr-md-4 {padding-right:calc(var(--spacer)*1.5)!important;}
 .pb-md-4 {padding-bottom:calc(var(--spacer)*1.5)!important;}
 .pl-md-4 {padding-left:calc(var(--spacer)*1.5)!important;}
 .px-md-4 {
  padding-left:calc(var(--spacer)*1.5)!important;
  padding-right:calc(var(--spacer)*1.5)!important;
 }
 .py-md-4 {
  padding-top:calc(var(--spacer)*1.5)!important;
  padding-bottom:calc(var(--spacer)*1.5)!important;
 }


 .m-md-5 {margin:calc(var(--spacer)*2)!important;}
 .mt-md-5 {margin-top:calc(var(--spacer)*2)!important;}
 .mr-md-5 {margin-right:calc(var(--spacer)*2)!important;}
 .mb-md-5 {margin-bottom:calc(var(--spacer)*2)!important;}
 .ml-md-5 {margin-left:calc(var(--spacer)*2)!important;}
 .mx-md-5 {
  margin-left:calc(var(--spacer)*2)!important;
  margin-right:calc(var(--spacer)*2)!important;
 }
 .my-md-5 {
  margin-top:calc(var(--spacer)*2)!important;
  margin-bottom:calc(var(--spacer)*2)!important;
 }
 .p-md-5 {padding:calc(var(--spacer)*2)!important;}
 .pt-md-5 {padding-top:calc(var(--spacer)*2)!important;}
 .pr-md-5 {padding-right:calc(var(--spacer)*2)!important;}
 .pb-md-5 {padding-bottom:calc(var(--spacer)*2)!important;}
 .pl-md-5 {padding-left:calc(var(--spacer)*2)!important;}
 .px-md-5 {
  padding-left:calc(var(--spacer)*2)!important;
  padding-right:calc(var(--spacer)*2)!important;
 }
 .py-md-5 {
  padding-top:calc(var(--spacer)*2)!important;
  padding-bottom:calc(var(--spacer)*2)!important;
 }



 .pt-md-24p {padding-top:24px;}
 .pr-md-24p {padding-right:24px;}
 .pb-md-24p {padding-bottom:24px;}
 .pl-md-24p {padding-left:24px;}
 .px-md-24p {
  padding-left:24px;
  padding-right:24px;
 }
 .py-md-24p {
  padding-top:24px;
  padding-bottom:24px;
 }



}




/* - - - - - - - - - - - -
 - - - - - - - - - - - - - break.lg (desktop)
- - - - - - - - - - - - */

@media (min-width: 992px) {

 .d-lg-none {display:none!important;}
 .flex-lg {display:flex!important;}
 .relative-lg {position:relative;}
 .absolute-lg {position:absolute;}
 .fixed-lg {position:fixed;}

 .justify-lg-start {justify-content:flex-start;}
 .justify-lg-centre {justify-content:center!important;}
 .justify-lg-end {justify-content:flex-end;}
 .justify-lg-between {justify-content:space-between;}
 .justify-lg-space {justify-content:space-around;}

 .align-lg-start {align-items:flex-start;}
 .align-lg-centre {align-items:center;}
 .align-lg-end {align-items:flex-end;}
 .align-lg-stretch {align-items:stretch;}

 .txt-lg-centre {text-align:center;}




 .tr-lg {
  top:0;right:0;
  left:auto;bottom:auto;
  transform:none;
 }
 .tl-lg {
  top:0;left:0;
  right:auto;bottom:auto;
  transform:none;
 }
 .tc-lg {
  left:50%;transform:translateX(-50%);
 }
 .rc-lg {
  right:0;transform:translateY(-50%);
 }
 .cc-lg {
  top:50%;left:50%;
  transform:translate(-50%,-50%);
 }
 .br-lg {
  bottom:0;right:0;
 }
 .bl-lg {
  bottom:0;left:0;
  transform:none;
 }
 .bc-lg {
  bottom:0;
  left:50%;transform:translateX(-50%);
 }

 .scroll-lg-y {overflow-y:scroll;overflow-x:hidden;}
 .scroll-lg-x {overflow-x:scroll;overflow-y:hidden;}

 .border-lg-none {border:none;}
 .border-lg-middark {border:var(--border-middark)}

 .fill-lg-none {background-color:transparent;}
 .fill-lg-black {background-color:var(--black);}
 .fill-lg-middark-90 {background-color:var(--middark-90);}

 .shadow-lg-none {box-shadow:none;}
 .txt-shadow-lg-none {text-shadow:none;}

 .txt-lg-white {color:var(--white);}
 .txt-lg-light {color:var(--light);}
 .txt-lg-midlight {color:var(--midlight);}
 .txt-lg-middark {color:var(--middark);}


 .circle-lg {border-radius:50%;}
 .corner-lg.br-lg {border-radius:0 0 100% 0;}

 .border-top-light {border-top:none;}
 .bRadius-top-sm {
  border-top-left-radius: 0;border-top-right-radius: 0;}

 .bRadius-lg-bl-none {border-bottom-left-radius:0;}
 .border-lg-left-none {border-left:none;}



 cov-r section#C #tab-nav .circle {
  margin-top: -4.3%;
  left:16.7%;
 }

 main.gallery header > * {
  min-width:500px;
 }

 #ailt main {
  padding-bottom:0;
 }
 body#ailt nav#secondary {height:auto;}


 #heirnt article {display:block;}
 #heirnt div#split-view {padding-left:16.66%;
 }

 #heirnt #split-view > article {
  flex: 1;
  overflow-y: auto;
  padding: 1rem;
  border-right: 1px solid #ccc;
 }
 #heirnt #editor-panel {
  flex: 1;
  overflow-y: auto;
 }

 #heirnt input#saveBtn {
  bottom:0!important;
  right:0;
  width:9rem;
 }

 #nav-text {
  font-size:1.2rem;
  letter-spacing:.24rem;
 }



 .w-lg-c9 {width:75%!important;}

 .row-lg {
  flex-direction:row;
 }
 .row-lg-1 {
  flex-direction:row;
  height:08.3%!important;
 }
 .row-lg-2 {
  flex-direction:row;
  height:16.6%!important;
 }
 .row-lg-3 {
  flex-direction:row;
  height:25%!important;
 }
 .row-lg-4 {
  flex-flow:row wrap;
  height:33%!important;
 }
 .row-lg-5 {
  flex-flow:row wrap;
  height:41%!important;
 }
 .row-lg-6 {
  flex-flow:row wrap;
  height:50%!important;
 }
 .row-lg-7 {
  flex-flow:row wrap;
  height:58%!important;
 }
 .row-lg-8 {
  flex-direction:row;
  height:66.6%!important;
 }
 .row-lg-9 {
  flex-direction:row;
  height:75%!important;
 }
 .row-lg-10 {
  flex-direction:row;
  height:83.3%!important;
 }
 .row-lg-11 {
  flex-direction:row;
  height:91.6%!important;
 }
 .row-lg-12 {
  flex-direction:row;
  height:100%!important;
 }



 .col.full,
 .col-lg-0.full-lg,
 .col-lg-1.full-lg,
 .col-lg-2.full-lg,
 .col-lg-3.full-lg,
 .col-lg-4.full-lg,
 .col-lg-5.full-lg,
 .col-lg-6.full-lg,
 .col-lg-7.full-lg,
 .col-lg-8.full-lg,
 .col-lg-9.full-lg,
 .col-lg-10.full-lg,
 .col-lg-11.full-lg,
 .col-lg-12.full-lg {
  height:100%;
 }

 .col-lg {
  flex-direction:column;
 }
 .col-lg-0 {
  flex-direction:column;
  width:0;
 }
 .col-lg-1 {
  flex-direction:column;
  width:8.33%!important;
 }
 .col-lg-2 {
  flex-direction:column;
  width:16.66%!important;
  height:100%;
 }
 .col-lg-3 {
  flex-direction:column;
  width:25%!important;
 }
 .col-lg-4 {
  flex-direction:column;
  width:33%!important;
 }
 .col-lg-5 {
  flex-direction:column;
  width:41%!important;
 }
 .col-lg-6 {
  flex-direction:column;
  width:50%!important;
 }
 .col-lg-7 {
  flex-direction:column;
  width:58%!important;
 }
 .col-lg-8 {
  flex-direction:column;
  width:66.66%!important;
 }
 .col-lg-9 {
  flex-direction:column;
  width:75%!important;
 }
 .col-lg-10 {
  flex-direction:column;
  width:83.3%!important;
 }
 .col-lg-11 {
  flex-direction:column;
  width:91.66%!important;
 }
 .col-lg-12 {
  flex-direction:column;
  width:100%!important;
 }

 .mt-lg-0 {margin-top:0!important;}
 .mr-lg-0 {margin-right:0!important;}
 .mb-lg-0 {margin-bottom:0!important;}
 .ml-lg-0 {margin-left:0!important;}
 .mx-lg-0 {
  margin-left:0!important;
  margin-right:0!important;
 }
 .my-lg-0 {
  margin-top:0!important;
  margin-bottom:0!important;
 }

 .p-lg-0 {
  padding-top:0!important;
  padding-right:0!important;
  padding-bottom:0!important;
  padding-left:0!important;
 }
 .pt-lg-0 {padding-top:0!important;}
 .pr-lg-0 {padding-right:0!important;}
 .pb-lg-0 {padding-bottom:0!important;}
 .pl-lg-0 {padding-left:0!important;}
 .px-lg-0 {
  padding-left:0!important;
  padding-right:0!important;
 }
 .py-lg-0 {
  padding-top:0!important;
  padding-bottom:0!important;
 }


 .p-lg-3 {
  padding-top:var(--spacer)!important;
  padding-right:var(--spacer)!important;
  padding-bottom:var(--spacer)!important;
  padding-left:var(--spacer)!important;
 }
 .pt-lg-3 {padding-top:var(--spacer)!important;}
 .pr-lg-3 {padding-right:var(--spacer)!important;}
 .pb-lg-3 {padding-bottom:var(--spacer)!important;}
 .pl-lg-3 {padding-left:var(--spacer)!important;}
 .px-lg-3 {
  padding-left:var(--spacer)!important;
  padding-right:var(--spacer)!important;
 }
 .py-lg-3 {
  padding-top:var(--spacer)!important;
  padding-bottom:var(--spacer)!important;
 }

 .p-lg-4 {padding:calc(var(--spacer)*1.5);}
 .pt-lg-4 {padding-top:calc(var(--spacer)*1.5);}
 .pr-lg-4 {padding-right:calc(var(--spacer)*1.5);}
 .pb-lg-4 {padding-bottom:calc(var(--spacer)*1.5);}
 .pl-lg-4 {padding-left:calc(var(--spacer)*1.5);}
 .px-lg-4 {
  padding-left:calc(var(--spacer)*1.5);
  padding-right:calc(var(--spacer)*1.5);
 }
 .py-lg-4 {
  padding-top:calc(var(--spacer)*1.5);
  padding-bottom:calc(var(--spacer)*1.5);
 }



 .m-lg-5 {margin:calc(var(--spacer)*2);}
 .mt-lg-5 {margin-top:calc(var(--spacer)*2);}
 .mr-lg-5 {margin-right:calc(var(--spacer)*2);}
 .mb-lg-5 {margin-bottom:calc(var(--spacer)*2);}
 .ml-lg-5 {margin-left:calc(var(--spacer)*2);}
 .mx-lg-5 {
  margin-left:calc(var(--spacer)*2);
  margin-right:calc(var(--spacer)*2);
 }
 .my-lg-5 {
  margin-top:calc(var(--spacer)*2)!important;
  margin-bottom:calc(var(--spacer)*2)!important;
 }

 .ml-lg-20 {margin-left:16.66%;}

 .p-lg-5 {padding:calc(var(--spacer)*2)!important;}
 .pt-lg-5 {padding-top:calc(var(--spacer)*2)!important;}
 .pr-lg-5 {padding-right:calc(var(--spacer)*2)!important;}
 .pb-lg-5 {padding-bottom:calc(var(--spacer)*2)!important;}
 .pl-lg-5 {padding-left:calc(var(--spacer)*2)!important;}
 .px-lg-5 {
  padding-left:calc(var(--spacer)*2)!important;
  padding-right:calc(var(--spacer)*2)!important;
 }
 .py-lg-5 {
  padding-top:calc(var(--spacer)*2)!important;
  padding-bottom:calc(var(--spacer)*2)!important;
 }

 .mt-lg-018 {margin-top:1.8%!important;}
 .mr-lg-018 {margin-right:1.8%!important;}
 .mb-lg-018 {margin-bottom:1.8%!important;}
 .ml-lg-018 {margin-left:1.8%!important;}
 .mx-lg-018 {
  margin-left:1.8%!important;
  margin-right:1.8%!important;
 }
 .my-lg-018 {
  margin-top:1.8%!important;
  margin-bottom:1.8%!important;
 }

 .mt-lg-06 {padding-top:6%!important;}
 .mr-lg-06 {padding-right:6%!important;}
 .mb-lg-06 {padding-bottom:6%!important;}
 .ml-lg-06 {padding-left:6%!important;}
 .mx-lg-06 {
  padding-left:6%!important;
  padding-right:6%!important;
 }
 .my-lg-06 {
  padding-top:6%!important;
  padding-bottom:6%!important;
 }



 .m-lg-1c {margin:8.33%!important;}
 .mt-lg-1c {margin-top:8.33%!important;}
 .mr-lg-1c {margin-right:8.33%!important;}
 .mb-lg-1c {margin-bottom:8.33%!important;}
 .ml-lg-1c {margin-left:8.33%!important;}
 .mx-lg-1c {
  margin-left:8.33%!important;
  margin-right:8.33%!important;
 }
 .my-lg-1c {
  margin-top:8.33%!important;
  margin-bottom:8.33%!important;
 }
 .mt-lg-1cn {margin-top:-8.33%!important;}
 .mr-lg-1cn {margin-right:-8.33%!important;}
 .mb-lg-1cn {margin-bottom:-8.33%!important;}
 .ml-lg-1cn {margin-left:-8.33%!important;}



 .p-lg-c1 {
  padding-top:8.33%!important;
  padding-right:8.33%!important;
  padding-bottom:8.33%!important;
  padding-left:8.33%!important;
 }
 .pt-lg-c1 {padding-top:8.33%!important;}
 .pr-lg-c1 {padding-right:8.33%!important;}
 .pb-lg-c1 {padding-bottom:8.33%!important;}
 .pl-lg-c1 {padding-left:8.33%!important;}
 .px-lg-c1 {
  padding-left:8.33%!important;
  padding-right:8.33%!important;
 }
 .py-lg-c1 {
  padding-top:8.33%!important;
  padding-bottom:8.33%!important;
 }



 .m-lg-c2 {
  margin-top:16.7%!important;
  margin-right:16.7%!important;
  margin-bottom:16.7%!important;
  margin-left:16.7%!important;
 }
 .mt-lg-c2 {margin-top:16.7%!important;}
 .mr-lg-c2 {margin-right:16.7%!important;}
 .mb-lg-c2 {margin-bottom:16.7%!important;}
 .ml-lg-c2 {margin-left:16.7%!important;}
 .mx-lg-c2 {
  margin-left:16.7%!important;
  margin-right:16.7%!important;
 }
 .my-lg-c2 {
  margin-top:16.7%!important;
  margin-bottom:16.7%!important;
 }


 .p-lg-c2 {
  padding-top:16.66%!important;
  padding-right:16.66%!important;
  padding-bottom:16.66%!important;
  padding-left:16.66%!important;
 }
 .pt-lg-c2 {padding-top:16.66%!important;}
 .pr-lg-c2 {padding-right:16.66%!important;}
 .pb-lg-c2 {padding-bottom:16.66%!important;}
 .pl-lg-c2 {padding-left:16.66%!important;}
 .px-lg-c2 {
  padding-left:16.66%!important;
  padding-right:16.66%!important;
 }
 .py-lg-c2 {
  padding-top:16.66%!important;
  padding-bottom:16.66%!important;
 }



 .mt-lg-1pn {margin-top:-1px;}
 .mr-lg-1pn {margin-right:-1px;}
 .mb-lg-1pn {margin-bottom:-1px;}
 .ml-lg-1pn {margin-left:-1px;}



}


/* - - - - - - - - - - - -
 - - - - - - - - - - - - - break.xlg (desktop)
- - - - - - - - - - - - */

@media (min-width:1920px) {

 section#B h1 {
  font-size:7.2rem;
  min-height:5.2rem;
 }
 section#B h2 {
  font-size:2.4rem;
 }
 section#B a {
  color:var(--dark);
 }
 #nav-text {
  font-size:1.5rem;
  letter-spacing:.24rem;
 }

}




/* - - - - - - - - - - - -
 - - - - - - - - - - - - - tall mobile devices & nav-btm
- - - - - - - - - - - - */

/* hides page navigation on short viewport devices*/

@media (max-width:1366px) and (min-height:800px) {

 .flex-mtall {display:flex!important;}
}