:root { font-size: 18px; line-height: 1.4; }

body { margin: 0; color: black; background: white; font-family: roboto, sans-serif; }

a:not(:hover) { text-decoration: none; }

table { border-collapse: collapse; }

td { padding: 0; }

a img { border: 0; }

header { overflow: hidden; border-bottom: solid 1px; margin: 0; font-weight: normal; text-align: center; }

h2, h3 { font-weight: normal; }

h2 { font-size: 32px; margin-bottom: .8rem; }

html, body, #outer { height: 100%; }

#fillin { min-height: 100%; position: relative; }

#fillin>footer { position: absolute; left: 0; bottom: 0; width: 100%; }

#fillin>:nth-last-child(2) { padding-bottom: 3.3em; position: relative; }

#fillin>:nth-last-child(2)::after { content: ""; display: block; position: absolute; top: 100%; height: .6em; width: 1px; }

#fillin>footer { font-size: .9em; line-height: 2em; padding: .5em 0 1em; }

footer { text-align: center; }

@media ( max-width: 28em ) { footer a { margin: 0 .4em; } }

.dwidth { margin: 0 auto; width: 64em; min-width: 70%; max-width: 94%; }

header:not(#bigHead) {

background-image: linear-gradient(hsl(205 57% 44% / .25), hsl(205 57% 44% / .25)), url(/,res/head-tc.jpg);

background-position: top center;

background-size: cover;

color: white;

box-shadow: 3vw 0 3vw -4vw hsl(205 57% 44%) inset, -2vw 4.5vw 3vw -4vw hsl(205 57% 44%) inset;

}

#bigHead {

text-align: left;

}

header h1 { font-size: 48px; margin: .25em; font-weight: normal; font-family: Quintessential; text-align: center; }

@media ( max-width: 700px ) { header h1 { font-size: 6.8vw; } }

#bigHead h1 { color: white; }

#bigHead-img { max-height: 95vh; max-width: 68vw; }

#bigHead-text { padding-left: 52%; font-size: 2.5vw; }

@media ( max-width: 876px ) {

#bigHead-img { max-width: 100%; max-height: 300vh; }

#bigHead-img-fadeRight { display: none; }

#bigHead-text { padding-left: 5%; font-size: 2em; padding-top: 24vw; background: linear-gradient(transparent, hsl(205 57% 44% / .9) 24vw, hsl(205 57% 44%)) }

}

input, select, textarea { margin:4px; font-family: inherit; padding: 2px; border: solid 1px #aaa; border-radius: 4px; font-size: inherit; }

label, label input { cursor: pointer; }

[readonly], [disabled] { background: hsla(120, 10%, 50%, .1); border-color: transparent; }

option[disabled] { background: white; color: #888; }

em { font-style: inherit; }

.aleft { text-align: left; }

.ib { display: inline-block; }

.italic { font-style: italic; }

.bold { font-weight: bold; }

small, .small { font-size: .85em; }

.logo>:nth-child(1), .red { color: hsl(345, 100%, 40%); }

a { color: hsl(208, 100%, 37%); }

.blue { color: #0123B4; }

.logo>:nth-child(3), a:active, .green { color: hsl(108, 82%, 37%); }

.green { color: hsl(108, 82%, 35%); }

.gray { color: #888; }

::selection { background: hsla(208, 100%, 50%, .3); }

::-moz-selection { background: hsla(208, 100%, 50%, .3); }

header { background: hsl(208, 100%, 85%); box-shadow: 0 1em 2em -1em hsl(208, 100%, 43%) inset; }

header { border-color: hsl(208, 100%, 43%, .4); }

button { background: hsl(108, 82%, 37%); background-image: linear-gradient(to bottom, hsl(108, 82%, 50%) 0%, hsla(108, 82%, 37%, 0) 50%, hsl(108, 82%, 20%) 100%); background-origin: border-box; }

button[data-state], button:active { background-image: none; }

button { margin: 0; border: .2em solid; border-color: rgba(255,255,255,.3) rgba(0,0,0,.2) rgba(0,0,0,.3) rgba(255,255,255,.2); padding: .1em .4em; font-family: inherit; font-size: inherit; color: white; cursor: pointer; font-weight: bold; border-radius: 1em; transition: all 500ms; }

button:hover { color: yellow; transition: all 300ms; }

button:active { color: #dd0; border-color: transparent; transition: all 200ms; }

button::-moz-focus-inner { margin: -1px; padding: 0; border-width: 1px; }

button[data-state=hold] { color: #666; background: #ccc; border-color: transparent; cursor: default; }

button[data-state=thanks] { color: #080; background: #cea; border-color: transparent; cursor: default; transition: all 100ms; }

button[data-state=confirm] { color: #0079d4; background: #ace; border-color: #0079d4; cursor: default; }

button[data-state=whoops] { color: #800; background: #eca; border-color: transparent; cursor: default; }

button[disabled] { color: #666; background: #ccc; border-color: #ddd #bbb #bbb #ddd; cursor: default; }

.material-icons { text-decoration: none; user-select: none; font-size: 1.2em; position: relative; top: .2em; }

h2 .material-icons { float: left; margin-top: .1em; margin-right: .5em; font-size: 1em; top: 0; }

.paper { width: 7in; font-size: 11pt; }

.paper>:first-child { margin-top: 0; }

p.i { text-indent: 2em; margin: 0; min-height: 1em; }

p.i>* { text-indent: 0 }

@media screen {

.paper { border: solid 1px black; min-height: 9.5in; padding: .75in; }

}

@media screen and ( max-width: 910px ) { .paper { padding: 3%; max-width: 98%; }}

@media screen and ( max-width: 770px ) { .paper { margin-left: -3%; }}

@media ( min-width: 1000px ) { iframe.video { width: 900px; height: 506.25px; max-width: 100%; } }

.half { float: left; margin-right: 1.4em; }

.prods { float: left; max-width: 60em; }

.prod { float: left; width: 30em; text-align: justify; padding-right: 1.5em; padding-top: .5em; padding-bottom: 2.5em; }

.prod>img, .prod .img { width: 12em; float: left; margin-right: .5em; }

.prod img { width: 12em; border-radius: 5px; box-shadow: 0 0 1px hsl(208, 100%, 37%); }