html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ .offsite-wrapper{-webkit-overflow-scrolling:touch;width:100%;display:block;position:relative;overflow:hidden}.offsite-full{height:100%}iframe.offsite{width:100%;border:0;display:block;opacity:1;transition:opacity 600ms ease-in-out,height 600ms ease-in-out}iframe.offsite[scrolling='no']{overflow:hidden}iframe.offsite.offsite-load{opacity:0}.offsite-viewport iframe.offsite{height:100vh}.offsite-full iframe.offsite{height:100%}.offsite-proportional iframe.offsite{position:absolute;top:0;left:0;height:100%} html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ .bento-mason-grid{position:relative;display:block;--mason-item-width:200px;--mason-gutter:0}.bento-mason-grid.mason-center-grid:not(.mason-percent){margin:0 auto}.bento-mason-grid > .mason-gutter{width:var(--mason-gutter);z-index:-1}.bento-mason-grid > .mason-sizer{width:var(--mason-item-width);z-index:-1}.bento-mason-grid > .mason-item{float:left;margin-bottom:var(--mason-gutter);width:var(--mason-item-width);max-width:100%}.bento-mason-grid > .mason-item.span-2{width:calc(var(--mason-item-width) * 2)}.bento-mason-grid > .mason-item.span-3{width:calc(var(--mason-item-width) * 3)}.bento-mason-grid > .mason-item.span-4{width:calc(var(--mason-item-width) * 4)}.bento-mason-grid > .mason-item.span-5{width:calc(var(--mason-item-width) * 5)}.bento-mason-grid.mason-percent > .mason-item.span-2{width:calc(var(--mason-item-setting) * 2 - var(--mason-gutter))}.bento-mason-grid.mason-percent > .mason-item.span-3{width:calc(var(--mason-item-setting) * 3 - var(--mason-gutter))}.bento-mason-grid.mason-percent > .mason-item.span-4{width:calc(var(--mason-item-setting) * 4 - var(--mason-gutter))}.bento-mason-grid.mason-percent > .mason-item.span-5{width:calc(var(--mason-item-setting) * 5 - var(--mason-gutter))}.bento-mason-grid:after{content:'';display:block;clear:both} html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ .agent-hide{display:none !important} html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ .bento-scroll-grid,.bento-grid{display:grid;grid-auto-flow:dense;--bento-gap:0;--bento-template-columns:1fr;--bento-column-start:auto;--bento-column-end:auto;--bento-row-start:auto;--bento-row-end:auto;--bento-align-content:center;gap:var(--bento-gap);grid-template-columns:var(--bento-template-columns);align-content:var(--bento-align-content)}.bento-scroll-grid > .grid-item,.bento-grid > .grid-item{grid-column-start:var(--bento-column-start);grid-column-end:var(--bento-column-end);grid-row-start:var(--bento-row-start);grid-row-end:var(--bento-row-end);align-content:var(--bento-align-content);display:var(--bento-display,grid);position:relative;overflow:hidden}.bento-scroll-grid > .grid-item > .stacks_out,.bento-grid > .grid-item > .stacks_out{width:100%}.bento-scroll-grid > .grid-item > .stacks_out > .stacks_in,.bento-grid > .grid-item > .stacks_out > .stacks_in{height:100%;box-sizing:border-box}.bento-grid{grid-auto-rows:0px;grid-auto-columns:0px;--bento-template-rows:none;grid-template-rows:var(--bento-template-rows)}.grid-item.dummy{visibility:hidden}.bento-hide{display:none} html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ .bento-scroll-grid,.bento-grid{display:grid;grid-auto-flow:dense;--bento-gap:0;--bento-template-columns:1fr;--bento-column-start:auto;--bento-column-end:auto;--bento-row-start:auto;--bento-row-end:auto;--bento-align-content:center;gap:var(--bento-gap);grid-template-columns:var(--bento-template-columns);align-content:var(--bento-align-content)}.bento-scroll-grid > .grid-item,.bento-grid > .grid-item{grid-column-start:var(--bento-column-start);grid-column-end:var(--bento-column-end);grid-row-start:var(--bento-row-start);grid-row-end:var(--bento-row-end);align-content:var(--bento-align-content);display:var(--bento-display,grid);position:relative;overflow:hidden}.bento-scroll-grid > .grid-item > .stacks_out,.bento-grid > .grid-item > .stacks_out{width:100%}.bento-scroll-grid > .grid-item > .stacks_out > .stacks_in,.bento-grid > .grid-item > .stacks_out > .stacks_in{height:100%;box-sizing:border-box}.bento-grid{grid-auto-rows:0px;grid-auto-columns:0px;--bento-template-rows:none;grid-template-rows:var(--bento-template-rows)}.grid-item.dummy{visibility:hidden}.bento-hide{display:none} html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ .target-wrapper{position:relative}.target-show-on-hover{opacity:0;transition:opacity 750ms ease}.target-show-on-hover:hover{opacity:1}.target{position:absolute;width:100%;height:auto}.target.width-auto{width:auto}.target.height-fill,.target.height-fixed,.target.height-flexible{display:flex;align-items:center}.target.height-fill{height:100%}.target[class*="float-"],.target[class*="shift-"]{position:relative}.target[class*="pin-"],.target.relative-browser{position:fixed}.target.float-right{float:right}.target.float-left{float:left}.target.vcenter[class*="relative-"]{top:50%;transform:translateY(-50%)}.target.hcenter[class*="relative-"]{left:50%;transform:translateX(-50%)}.target.hcenter.vcenter[class*="relative-"]{transform:translateX(-50%) translateY(-50%)}.target.shift-up,.target.shift-down{margin-left:auto;margin-right:auto}.target.target-center{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.target.pin-top{top:0}.target.pin-bottom{bottom:0}.target.pin-left{left:0}.target.pin-right{right:0}.target.target-disable{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}@media only screen and (min-width:40em){.target.target-mobile-only{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}}@media only screen and (max-width:39.9375em){.target.target-disable-mobile{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}}@media only screen and (max-width:62.5em){.target.target-desktop-only{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}} html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ .loupe-wrapper{position:relative}.loupe-wrapper.loupe-active:not(.loupe-draggable):not(.loupe-fill){cursor:none}.loupe-wrapper img{display:block;-webkit-touch-callout:none;-webkit-user-select:none}.loupe-image{width:auto;max-width:none}.loupe{position:absolute;overflow:hidden;border:8px solid rgba(255,255,255,0.5);border-radius:50%;box-shadow:0 0 24px 0 rgba(192,192,192,0.5);opacity:0;pointer-events:none;z-index:1}.loupe-wrapper.loupe-fill{cursor:zoom-in;overflow:hidden}.loupe-fill .loupe{border-radius:0px;box-shadow:none;top:0;bottom:0;left:0;right:0;width:100% !important;height:100% !important}.loupe-draggable .loupe{cursor:grab;pointer-events:auto}.loupe-draggable .loupe.dragging{cursor:none !important}.loupe-glare{position:absolute;border-radius:50%;top:0;bottom:0;left:0;right:0;z-index:2;box-shadow:inset 10px -20px 30px 5px rgba(255,255,255,0.3)} html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ .loupe-wrapper{position:relative}.loupe-wrapper.loupe-active:not(.loupe-draggable):not(.loupe-fill){cursor:none}.loupe-wrapper img{display:block;-webkit-touch-callout:none;-webkit-user-select:none}.loupe-image{width:auto;max-width:none}.loupe{position:absolute;overflow:hidden;border:8px solid rgba(255,255,255,0.5);border-radius:50%;box-shadow:0 0 24px 0 rgba(192,192,192,0.5);opacity:0;pointer-events:none;z-index:1}.loupe-wrapper.loupe-fill{cursor:zoom-in;overflow:hidden}.loupe-fill .loupe{border-radius:0px;box-shadow:none;top:0;bottom:0;left:0;right:0;width:100% !important;height:100% !important}.loupe-draggable .loupe{cursor:grab;pointer-events:auto}.loupe-draggable .loupe.dragging{cursor:none !important}.loupe-glare{position:absolute;border-radius:50%;top:0;bottom:0;left:0;right:0;z-index:2;box-shadow:inset 10px -20px 30px 5px rgba(255,255,255,0.3)} #stacks_in_118 { } #stacks_in_148 { } #stacks_in_120 { } #stacks_in_149 { } #stacks_in_122 { } #stacks_in_150 { } .makeWhite{color:rgba(255, 255, 255, 0.85) ;} .makeYellow{color:var(--white) ;} .xClose{color:rgba(227, 230, 216, 1.00) ;} .my_size{font-size:calc(10rem/16) ;font-weight:400 ;line-height:1.50 ;}@media only screen and (min-width:40em) { .my_size{font-size:calc(14rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .my_size{font-size:calc(18rem/16) ;line-height:1.50 }} .makeInvisible:hover{opacity:0.00 } .makeGrey{--secondary:rgba(209, 209, 209, 1.00) ;} body{background-color:rgba(240, 219, 196, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){body{background-attachment:scroll!important}} .button.medium{color:rgba(194, 229, 166, 1.00) ;} body{background-position:left top ;background-size:100% 100% ;background-image:radial-gradient(circle at 50% 50%,rgba(253, 179, 95, 1.00) 0%,rgba(2, 0, 36, 1.00) 100%) ;} :root{--my-color:rgba(153, 101, 61, 1.00)} .Test_colour{color:rgba(255, 253, 209, 1.00) ;} .infront{z-index:10 } .bento-mason-grid.stacks_in_5{--mason-gutter:20px;--mason-item-setting:25px;--mason-item-width:25px}.bento-mason-grid.stacks_in_5.mason-percent{--mason-item-setting:25%;--mason-item-width:calc(25% - var(--mason-gutter))}@media (min-width:25.000000em) and (max-width:40.000000em){.bento-mason-grid.stacks_in_5{--mason-item-setting:25px;--mason-item-width:25px}.bento-mason-grid.stacks_in_5.mason-percent{--mason-item-setting:25%;--mason-item-width:calc(25% - var(--mason-gutter))}}@media (min-width:40.000000em) and (max-width:64.000000em){.bento-mason-grid.stacks_in_5{--mason-item-setting:10px;--mason-item-width:10px}.bento-mason-grid.stacks_in_5.mason-percent{--mason-item-setting:10%;--mason-item-width:calc(10% - var(--mason-gutter))}}@media (min-width:64.000000em){.bento-mason-grid.stacks_in_5{--mason-item-setting:10px;--mason-item-width:10px}.bento-mason-grid.stacks_in_5.mason-percent{--mason-item-setting:10%;--mason-item-width:calc(10% - var(--mason-gutter))}} #stacks_in_19 { } #stacks_in_26 { } #stacks_in_108 { } #stacks_in_72 { } #stacks_in_109 { } .bento-grid.grid-stacks_in_73 { --bento-align-content: center ; --bento-template-columns: repeat(1, auto); --bento-template-rows: repeat(4, auto); --bento-gap: calc(20rem/16) calc(20rem/16); } .bento-grid.grid-stacks_in_73 > .grid-item { --bento-display: var(--bento-display-xs); --bento-column-start: var(--bento-column-start-xs); --bento-column-end: var(--bento-column-end-xs); --bento-row-start: var(--bento-row-start-xs); --bento-row-end: var(--bento-row-end-xs); } @media (max-width: 25em) { .bento-grid.grid-stacks_in_73 .grid-item:nth-child(n+5) { display: none; } } @media (min-width: 25em) and (max-width: 40em) { .bento-grid.grid-stacks_in_73 { --bento-template-columns: repeat(2, auto); --bento-template-rows: repeat(4, auto); --bento-gap: calc(20rem/16) calc(20rem/16); } .bento-grid.grid-stacks_in_73 > .grid-item { --bento-display: var(--bento-display-sm, var(--bento-display-xs)); --bento-column-start: var(--bento-column-start-sm, var(--bento-column-start-xs)); --bento-column-end: var(--bento-column-end-sm, var(--bento-column-end-xs)); --bento-row-start: var(--bento-row-start-sm, var(--bento-row-start-xs)); --bento-row-end: var(--bento-row-end-sm, var(--bento-row-end-xs)); } .bento-grid.grid-stacks_in_73 .grid-item:nth-child(n+9) { display: none; } .bento-grid.grid-stacks_in_73 .bento-hide-for-small-up { display: none; } .bento-grid.grid-stacks_in_73 .bento-show-for-small-up { display: grid; } } @media (min-width: 40em) and (max-width: 64em) { .bento-grid.grid-stacks_in_73 { --bento-template-columns: repeat(3, auto); --bento-template-rows: repeat(5, auto); --bento-gap: calc(20rem/16) calc(20rem/16); } .bento-grid.grid-stacks_in_73 > .grid-item { --bento-display: var(--bento-display-md, var(--bento-display-sm, var(--bento-display-xs))); --bento-column-start: var(--bento-column-start-md, var(--bento-column-start-sm, var(--bento-column-start-xs))); --bento-column-end: var(--bento-column-end-md, var(--bento-column-end-sm, var(--bento-column-end-xs))); --bento-row-start: var(--bento-row-start-md, var(--bento-row-start-sm, var(--bento-row-start-xs))); --bento-row-end: var(--bento-row-end-md, var(--bento-row-end-sm, var(--bento-row-end-xs))); } .bento-grid.grid-stacks_in_73 .grid-item:nth-child(n+16) { display: none; } .bento-grid.grid-stacks_in_73 .bento-hide-for-medium-up { display: none; } .bento-grid.grid-stacks_in_73 .bento-show-for-medium-up { display: grid; } } @media (min-width: 64em) { .bento-grid.grid-stacks_in_73 { --bento-template-columns: repeat(35, auto); --bento-template-rows: repeat(3, auto); --bento-gap: calc(12rem/16) calc(6rem/16); } .bento-grid.grid-stacks_in_73 > .grid-item { --bento-display: var(--bento-display-lg, var(--bento-display-md, var(--bento-display-sm, var(--bento-display-xs)))); --bento-column-start: var(--bento-column-start-lg, var(--bento-column-start-md, var(--bento-column-start-sm, var(--bento-column-start-xs)))); --bento-column-end: var(--bento-column-end-lg, var(--bento-column-end-md, var(--bento-column-end-sm, var(--bento-column-end-xs)))); --bento-row-start: var(--bento-row-start-lg, var(--bento-row-start-md, var(--bento-row-start-sm, var(--bento-row-start-xs)))); --bento-row-end: var(--bento-row-end-lg, var(--bento-row-end-md, var(--bento-row-end-sm, var(--bento-row-end-xs)))); } .bento-grid.grid-stacks_in_73 .grid-item:nth-child(n+106) { display: none; } .bento-grid.grid-stacks_in_73 .bento-hide-for-large-up { display: none; } .bento-grid.grid-stacks_in_73 .bento-show-for-large-up { display: grid; } } .bento-grid.grid-stacks_in_74 .grid-null, .bento-grid.grid-stacks_in_74 .grid-item:nth-child(1) { --bento-display-xs: grid; --bento-column-start-xs: auto; --bento-column-end-xs: span 1; --bento-row-start-xs: auto; --bento-row-end-xs: span 1; } .bento-grid.grid-stacks_in_74 .grid-null, .bento-grid.grid-stacks_in_74 .grid-item:nth-child(1) { --bento-display-lg: grid; --bento-column-start-lg: auto; --bento-column-end-lg: span 1; --bento-row-start-lg: auto; --bento-row-end-lg: span 1; } .bento-grid.grid-stacks_in_74 .grid-null, .bento-grid.grid-stacks_in_74 .grid-item:nth-child(1) { align-content: center; } #stacks_in_82 { } #stacks_in_110 { } .bento-wrapper.stacks_in_86 { container-type: inline-size; container-name: stacks_in_86; } .grid-stacks_in_86.grid-style-auto-grid { --bento-gap: calc(20rem/16); --bento-template-columns: repeat( auto-fit, minmax(150px, 1fr)); } @container stacks_in_86 (max-width: 150px) { .grid-stacks_in_86.grid-style-auto-grid { --bento-template-columns: 1fr; } } .grid-stacks_in_86 > .grid-item { --bento-column-start: var(--bento-column-start-xs); --bento-column-end: var(--bento-column-end-xs); --bento-row-start: var(--bento-row-start-xs); --bento-row-end: var(--bento-row-end-xs); } @media (max-width: 15.625em) { .grid-stacks_in_86 .bento-hide-for-xsmall-up { display: none; } .grid-stacks_in_86 .bento-show-for-xsmall-up { display: grid; } } @container stacks_in_86 (min-width: 15.625em) { .grid-stacks_in_86 > .grid-item { --bento-column-start: var(--bento-column-start-sm); --bento-column-end: var(--bento-column-end-sm); --bento-row-start: var(--bento-row-start-sm); --bento-row-end: var(--bento-row-end-sm); } .grid-stacks_in_86 .bento-hide-for-small-up { display: none; } .grid-stacks_in_86 .bento-show-for-small-up { display: grid; } } @container stacks_in_86 (min-width: 43.75em) { .grid-stacks_in_86 > .grid-item { --bento-column-start: var(--bento-column-start-md); --bento-column-end: var(--bento-column-end-md); --bento-row-start: var(--bento-row-start-md); --bento-row-end: var(--bento-row-end-md); } .grid-stacks_in_86 .bento-hide-for-medium-up { display: none; } .grid-stacks_in_86 .bento-show-for-medium-up { display: grid; } } @container stacks_in_86 (min-width: 64em) { .grid-stacks_in_86 > .grid-item { --bento-column-start: var(--bento-column-start-lg); --bento-column-end: var(--bento-column-end-lg); --bento-row-start: var(--bento-row-start-lg); --bento-row-end: var(--bento-row-end-lg); } .grid-stacks_in_86 .bento-hide-for-large-up { display: none; } .grid-stacks_in_86 .bento-show-for-large-up { display: grid; } } .grid-stacks_in_86 .grid-item { align-content: center; } .grid-stacks_in_86 .grid-item:nth-child(4n) { align-content: center; --bento-column-end-xs: span 1; --bento-column-end-sm: span 2; --bento-column-end-md: span 2; --bento-column-end-lg: span 2; --bento-row-end-xs: span 1; --bento-row-end-sm: span 2; --bento-row-end-md: span 2; --bento-row-end-lg: span 2; } .grid-stacks_in_86 .grid-item:nth-child(102n) { align-content: center; --bento-column-end-xs: span 1; --bento-column-end-sm: span 2; --bento-column-end-md: span 3; --bento-column-end-lg: span 3; --bento-row-end-xs: span 1; --bento-row-end-sm: span 2; --bento-row-end-md: span 3; --bento-row-end-lg: span 2; } .grid-stacks_in_86 .grid-item:nth-child(8n) { align-content: center; --bento-column-end-xs: span 1; --bento-column-end-sm: span 2; --bento-column-end-md: span 2; --bento-column-end-lg: span 3; --bento-row-end-xs: span 1; --bento-row-end-sm: span 2; --bento-row-end-md: span 2; --bento-row-end-lg: span 3; } .stacks_in_101{} #stacks_in_104 { } #stacks_in_111 { } .box{height:90.00% !important;min-height:none !important;max-height:none !important;}@media only screen and (min-width:40em){.box{height:95.00% !important}}@media only screen and (min-width:64em){.box{height:95.00% !important}} .box{width:95.00% !important;min-width:none !important;max-width:none !important;}@media only screen and (min-width:40em){.box{width:90.00% !important}}@media only screen and (min-width:64em){.box{width:90.00% !important}} .box{border-radius:10px !important;} .box{background-color:rgba(0, 0, 0, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.box{background-attachment:scroll!important}} .stacks_in_164.offsite-static iframe{height:900px}.stacks_in_164.offsite-proportional{padding-top:calc((900/1200)*100%)}.stacks_in_164.offsite-viewport{height:100vh}.stacks_in_164.offsite-responsive iframe{height:600px}@media screen and (min-width:40em){.stacks_in_164.offsite-responsive iframe{height:800px}}@media screen and (min-width:64em){.stacks_in_164.offsite-responsive iframe{height:1000px}}