html, body { 
	font-family: 'Arial', sans-serif;
}
html[data-template="home"]:root, html[data-template="home"] body {
	--color-text: var(--white);
	--color-background: #0d3c6d;
	--color-text-selection: var(--white);
	--color-background-selection: var(--blue);
	--color-text-marker: var(--white);
	--color-background-marker: var(--blue);
} 

[aria-label="Header"] { text-align: center;}
[aria-label="Header"] > figure { display:inline-block; width:56px; height:120px;}
[aria-label="Information"] {--grid-column-gap:4vw; padding-top:min(6vw,6vh); }
[aria-label="Information"] > article { }
[aria-label="Information"] > section {}
[aria-label="Information"] > section > object {display:block; position:relative; aspect-ratio:16/16; background-color:#000; vertical-align: bottom;}
[aria-label="Information"] > section > object > figure { position:absolute; top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; }
[aria-label="Information"] > section > object > figure > picture { display:block;background-color:#000;}
[aria-label="Information"] > section > object > figure > picture > img { height:100%; opacity: 0.9; -webkit-transform:none; transform:none; transition:opacity 175ms linear, -webkit-transform 175ms ease-in-out; transition:opacity 175ms linear, transform 175ms ease-in-out; transition:opacity 175ms linear, transform 175ms ease-in-out, -webkit-transform 175ms ease-in-out;}
[aria-label="Information"] > section > object > figure > figcaption { display:block; position:absolute; left:0%; top:0%; right:0%; bottom:0%; width:100%; height:100%;  text-align: center; font-size:1.6em; line-height:1.2em; font-weight:700;}
[aria-label="Information"] > section > object > figure > figcaption > span.top { display:block; position:absolute; left:0%; top:0%; width:100%; padding:48px 48px;}
[aria-label="Information"] > section > object > figure > figcaption > span.icon { display:block; width:100%;  padding:48px; position:absolute; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
[aria-label="Information"] > section > object > figure > figcaption > span.icon > svg {display:inline-block; vertical-align:bottom; width:48px; height:48px; transition:all 175ms ease-in-out;}
[aria-label="Information"] > section > object > figure > figcaption > span.bottom { display:block; position:absolute; left:0%; bottom:0%; width:100%; padding:48px 24px;}
[aria-label="Information"] > section > object > figure:hover { cursor: pointer;}
[aria-label="Information"] > section > object > figure:hover > picture > img { -webkit-transform:scale(1.05); transform:scale(1.05); opacity: 1!important;}
[aria-label="Information"] > section > object > figure:hover > figcaption > span.icon > svg { fill:#fff;}
[aria-label="Information"] > section > a { display:block; background-color:#e17000; padding:24px; vertical-align: top; margin:0px; border-radius:0px; text-align: center; font-weight:700;}
[aria-label="Information"] > section > a > svg { margin-left:8px;}

[aria-label="FAQ"] {padding-bottom:min(12vw,12vh);}
[aria-label="FAQ"] > details:not(:last-of-type) { border-bottom:rgba(255,255,255,0.2) 1px solid;}

[aria-label="Instructions"] {}
[aria-label="Instructions"] > section { width:640px;}
[aria-label="Instructions"] > section > header {color:#fff; text-align: right;}
[aria-label="Instructions"] > section > header > button { background-color:#0d3c6d; border-radius:0px;}
[aria-label="Instructions"] > section > header > button > span { display:none;}
[aria-label="Instructions"] > section > section { background-color:#0d3c6d; color:#fff; text-align: center;}
[aria-label="Instructions"] > section > section > figure {display:inline-block; width:56px; height:120px;}
[aria-label="Instructions"] > section > section > article { display:block; text-align: left;}
[aria-label="Instructions"] > section > section > article > p {}
[aria-label="Instructions"] > section > section > article > a { display:block; background-color:#e17000; padding:24px; vertical-align: top; margin:0px; border-radius:0px; text-align: center; font-weight:700; margin-left: -24px; min-width:calc(100% + 48px);}
[aria-label="Instructions"] > section > section > article > a > svg { margin-left:8px;}
[aria-label="Instructions"] > section > section > article > figure { margin-bottom:24px;}
[aria-label="Instructions"] > section > section > article > figure > picture > img { min-height:60px; min-width:180px; max-height:60px; max-width:180px;}
[aria-label="Instructions"] > section > section > article > figure > figcaption { display:block; padding:12px 0; font-size:1.2rem; font-style: italic;}
[aria-label="Instructions"] > section > footer {}


@media only screen and (max-width: 768px){
	[aria-label="Header"] { display:none;}
	[aria-label="Information"] { padding-top:0px;}
	[aria-label="Information"] > article { padding-left:6vw; padding-right:6vw;}
	[aria-label="Information"] > section > a { padding-left:6vw; padding-right:6vw;}
}
@media only screen and (max-width: 640px){
	[aria-label="Instructions"] > section { width:100vw;}
}