* { -moz-box-sizing: border-box; box-sizing: border-box; }
html,
button,
input,
select,
textarea { color: #222; font-family: inherit; font-size: inherit; font-weight: inherit; color: #000; }
body { font: 300 16px/24px 'Assistant', Helvetica, Helvetica Neue, Arial; margin: 0; }
hr { display: block; clear: both; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1.125em 0; }
img { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }

::-moz-selection { background: #cfefef; text-shadow: none; }
::selection { background: #cfefef; text-shadow: none; }
.mce-btn button { border-radius: 0; }
.mce-btn button:focus { background: none; }
.gomap { background-color: #f2f2f2; border: 1px solid #ddd; height: 40rem; max-height: 60vh; line-height: 1.2; }
html { background-color: #fff; }
header { margin: 0 auto 1rem; border-top: .25rem solid #099; flex: 0 0 100%;
  display: flex; flex-wrap: wrap; align-content: stretch; }
#logo { flex: 0 0 12rem; padding: 1rem; text-align: center; border-bottom: 1px solid #099; }
#logo h1 { font-size: 1.75rem; margin: 0 auto; color: #099; }
#logo p { font-size: 1rem; line-height: 1.25; font-weight: 400; margin: .75rem auto; }
#banner { flex: 1 1 auto;
  background: url('/media/whittlesey-sax-choir-2025-03.jpg') center center/cover no-repeat; overflow: hidden; }
header h1 { margin: 0 .375rem; color: #fff; }
header h1 .icon { color: #aaa; }
#navshort { display: inline-block; width: auto; text-align: right; flex: 1 1 auto; }
#navshort li { display: flex; flex-flow: row wrap; justify-content: space-around; }
#navshort li a { font-size: 1.25rem; line-height: 1.2; padding: .375rem .75rem; }
#navshort li a.selected { background-color: #099; color: #fff; }
#navshort.compact li a { padding-left: .25rem; padding-right: .25rem; }
#navlong.disappear { display: none; }
#navlong { padding: .375rem 0; background-color: #099; }
#navlong a:hover { background-color: #00c0c0; }
header nav > ul > li > ul { display: none; }
nav { text-align: left; width: 100%; }
nav a { padding: .25rem; color: #000; text-decoration: none; font-weight: 600; display: block; }
nav a:hover { color: #fff !important; background-color: #099; text-decoration: none; }
nav a:active { color: #fff; background-color: #00c0c0; }
nav ul { list-style: none; margin: 0; padding: 0; display: block; }
nav li { margin: 0; }
nav li.flex { display: none; }
#page { flex: 1; z-index: 10; }
#page.blank { background: none; }
#page section { padding: .375rem; position: relative; }
#page section img { border: 1px solid #bbb; }
#page section .frameborder img { border: none; }
footer { margin: 0; border-top: 3px solid #099; text-align: left; clear: both; }
footer a:hover { background-color: #00c0c0; }
footer nav { background-color: #099; }
#navlong a, footer nav a { padding: .1875rem .75rem; color: #fff; }
#navlong li, footer nav li { border-bottom: 1px solid rgba(255,255,255,.2); }
#navlong li:last-of-type, footer nav li:last-of-type { border: none; }
footer p { font-size: .75rem; line-height: 1.33333333; padding: .75rem; margin: 0; }
h1 { margin: .375rem 0; color: #099; font-weight: 800; font-size: 1.5rem; line-height: 1.25; clear: both; }
h2 { margin: 1.875rem 0 1.125rem; font-weight: 800; font-size: 1.125rem; line-height: 1.33333333; clear: both; }
h3 { margin: 1.875rem 0 1.125rem; font-weight: 600; font-size: 1rem; line-height: 1.125; }
p { margin: 1.125rem 0; }
strong { font-weight: 600; }
p, ul, ol, label, input, select, textarea { font-size: 1rem; line-height: 1.5; }
ul, ol { padding-left: 1.5rem; }
ul.plain { padding-left: 0 !important; list-style: none; }
li { margin: .375rem 0; }
img,
iframe { width: 100%; height: auto; }
a { text-decoration: none; font-weight: 600; color: #099; }
a:hover { color: #00c0c0; }
a:active { color: #222; }
textarea, input, select { margin: .125rem 0; padding: .1875rem; border: 1px solid #ddd;
 background: #fdfdfd; color: #000; }
textarea, input { width: 100%; }
input:required, textarea:required, select:required { border: 2px solid #aaa; }
input:focus, textarea:focus, select:focus { background: #fdfbf0; color: #000; box-shadow: 0 0 .75rem .375rem #fff; }
input:disabled, textarea:disabled, select:disabled { background: #eee; }
a.btn, input[type='submit'], input[type='reset'], button, .chktoggle + label {
 position: relative; display: inline-block; margin: .375rem 0; padding: .375rem 1.25rem; border: none;
 border-radius: .375rem; text-decoration: none; text-transform: uppercase; font-weight: normal; font-size: 1rem; color: #fff;
 background-color: #000; width: auto; line-height: 1.14285714; }
a.btn:focus, input:focus, textarea:focus, button:focus, select:focus, .chktoggle:focus + label { outline: none; }
a.btn:focus, input[type='submit']:focus, input[type='reset']:focus, button:focus, .chktoggle:focus + label {
 border: none !important; color: #fff; background: #000; box-shadow: .375rem .375rem 1.25rem rgba(64,64,64,.7); }
a.btn:hover, input[type='submit']:enabled:hover, input[type='reset']:enabled:hover, button:enabled:hover,
.pnl.btn:enabled:hover, .chktoggle:enabled:hover + label {
 box-shadow: .375rem .375rem .75rem rgba(96,96,96,.5); background-color: #099; cursor: pointer; }
a.btn:active, input[type='submit']:enabled:active, input[type='reset']:enabled:active, button:enabled:active,
.pnl.btn:enabled:active, .chktoggle:enabled:active + label { 
 background-color: #00c0c0;
 box-shadow: .375rem .375rem .375rem rgba(96,96,96,.5);
 -webkit-transform: translate(1px,2px);
 -ms-transform: translate(1px,2px);
 transform: translate(1px,2px); }
a.btn.grey, input[type='submit'].grey, button.grey { background-color: #999; }
input[type='submit']:disabled, input[type='reset']:disabled, button:disabled, .pnl.btn:disabled {
 background-color: #aaa !important; }
.form-btns { margin: 0 auto; padding: .375rem .75rem; text-align: right; background-color: rgba(0,0,0,.2); }
form { background-color: #fff; width: 100%; margin: 0 auto .75rem; position: relative;
 box-shadow: 0 .375rem .375rem rgba(128,128,128,.5); border: 1px solid #f0f0f0; }
form.no-btn-block { padding-bottom: 1px; }
form.error { border-color: #e55; box-shadow: 0 .375rem .375rem #e55; }
.collapsable { overflow: hidden; }
.collapsable .controls { cursor: pointer; position: relative; }
.collapsable .switcher.icon-switch:before { content: "\ea41"; }
.collapsable.collapsed .switcher.icon-switch:before { content: "\ea43"; }
.collapsed .content { display: none; }
.loading { position: relative;
 background: #ddd -webkit-linear-gradient(-45deg, rgba(255,255,255,.6) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.6) 50%, rgba(255,255,255,.6) 75%, transparent 75%, transparent);
 background: #ddd linear-gradient(-45deg, rgba(255,255,255,.6) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.6) 50%, rgba(255,255,255,.6) 75%, transparent 75%, transparent);
 background-repeat: repeat;
 background-size: 40px 40px, 100% 100%;
 -webkit-animation: progress-bar-stripes 2s linear infinite;
 animation: progress-bar-stripes 2s linear infinite;
}
.closing { position: relative; }
.loading:before, .closing:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000;
 padding: 1rem; text-align: right; font-size: .8em; text-transform: uppercase; }
.loading:before { content: 'Loading...'; background-color: rgba(255,255,255,.7); }
.closing:before { content: 'Closing...'; }
form h2 { padding: .75rem .75rem 0; margin: 0 0 .75rem 0; font-size: 1.5rem; font-weight: bold; text-align: left; }
fieldset { margin: .75rem; }
fieldset p { margin-left: 0; margin-right: 0; }
fieldset p:first-of-type { margin-top: 0; }
fieldset.short label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden;
 padding: 0; position: absolute; width: 1px; }
label, .multilabel { display: block; font-weight: 400; text-align: left; padding: .375rem 0 0;
 margin: .375rem 0 0; }
label.compact { width: auto; text-align: left; }
.multilabel label { display: inline-block; padding: 0; margin: 0; }
.chktoggle { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden;
 padding: 0; position: absolute; width: 1px; }
.chktoggle + label { width: auto; text-align: center; }
.chktoggle.small + label { font-size: .75rem; }
.chktoggle + label span { display: none; }
.chktoggle.maxi + label span, .chktoggle.wicon + label span { display: inline; }
.chktoggle:checked + label span { display: inline; }
.field-block { display: block; }
input { width: 100%; padding: .375rem; margin: .375rem 0; }
select { padding: .375rem; margin: .375rem 0; max-width: 100%; }
textarea { width: 100%; height: 6rem; padding: .375rem; margin: .375rem 0; } 
textarea.h9 { height: 12rem; }
.fixed-value { padding: .375rem 0; margin: .375rem 0; display: inline-block; }
form .editable, .icon.action.small { cursor: pointer; font-size: .75rem; }
.wl, .wm { width: 100%; }
.wf { width: 90%; width: calc(100% - 1.25rem); }
.ws { width: 7.5rem !important; }
.wxs { width: 4.5rem !important; }
.w10 { width: 10%; }
.tiny { font-size: .75rem; line-height: 1.33333333; }
.action-set { position: absolute; top: .375rem; right: .375rem; font-size: .75rem; }
.chktoggle + label { background-color: #f2f2f2; color: #000; box-shadow: none; }
.chktoggle.mini + label { margin: 0; }
.chktoggle.maxi + label { border: .375rem solid #f2f2f2; text-align: left; width: 100%; }
.alert.warn .chktoggle + label { background-color: #fff; }
.chkjoined + label { border-radius: 0; border-right: 1px solid #ddd; }
.chkjoined:first-of-type + label { border-top-left-radius: .375rem; border-bottom-left-radius: .375rem; }
.chkjoined:last-of-type + label { border-top-right-radius: .375rem; border-bottom-right-radius: .375rem; border-right: none; }
a.btn.waiting, input[type='submit'].waiting, input[type='reset'].waiting, button.waiting { color: #000;
 background: #ddd -webkit-linear-gradient(-45deg, rgba(255,255,255,.6) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.6) 50%, rgba(255,255,255,.6) 75%, transparent 75%, transparent);
 background: #ddd linear-gradient(-45deg, rgba(255,255,255,.6) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.6) 50%, rgba(255,255,255,.6) 75%, transparent 75%, transparent);
 background-repeat: repeat;
 background-size: 40px 40px, 100% 100%;
 -webkit-animation: progress-bar-stripes 2s linear infinite;
 animation: progress-bar-stripes 2s linear infinite;
}
@-webkit-keyframes progress-bar-stripes {
 from { background-position: 0 0; }
 to { background-position: 40px 0; }
}
@keyframes progress-bar-stripes {
  from { background-position: 0 0; }
  to { background-position: 40px 0; }
}
.btn-block { width: 100%; background-color: rgba(208,208,208,.2); padding: .375rem 1.875rem .375rem;
 text-align: center; }
fieldset .btn-block { width: auto; text-align: left; background: none; display: inline-block;
 padding: 0; }
fieldset button.small { margin: .75rem 0; }
.btn-block .icon { vertical-align: middle; }
.btn-row { padding: .75rem 0; }
.btn-row a.btn, .btn-row button { margin-right: .75rem; }
.btn.large { font-size: 1.5rem; }
.btn.small { font-size: .75rem; }
.disp-bl { display: block; }
.disp-inbl { display: inline-block; }
.as { display: none; }
.disappear { display: none; }
.hidden { display: none !important; }
.inactive { opacity: .6; }
.vh { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0;
 position: absolute; width: 1px; }
.vh.focusable:active,
.vh.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.mart { margin-top: .375rem; }
.w50 { width: 50%; }
.h30em { height: 30rem; height: 60vh; }
.h15em { height: 15rem; height: 30vh; }
.h4ln { height: 6.825rem; }
.wb { word-break: break-all; }
.rel { position: relative; }

.dialog { display: none; }
.dialog.open { display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 65000;
 height: auto; width: auto; background-color: rgba(64,64,64,.8); box-shadow: 0 3px 3px rgba(255,255,255,.5); }
.dialog section { width: 95%; max-width: 1026px; max-height: 95vh; margin: 2.5vh auto; position: relative; }
.dialog.d2 section { margin-top: 5vh; }
.dialog nav { display: block; width: auto; border: none; position: relative; background-color: #00c0c0; }
.dialog nav h2 { margin: 0; padding: .375rem 2.25rem .375rem .75rem; font-size: 1rem; font-weight: 300; 
 text-align: left; color: #fff; }
.dialog nav button { background: none; box-shadow: none; color: #fff; margin: 0; padding: .375rem;
 font-size: .75rem; position: absolute; top: .375rem; top: calc(50% - .75rem); right: .375rem; }
.dialog nav button:hover, .dialog nav button:active, .dialog nav button:focus { box-shadow: none; }
.dialog form { overflow-y: auto; max-height: 95vh; margin-bottom: 0; }
.dlgphoto { max-width: 100%; max-height: 30vh; object-fit: contain; border: none !important; }

.ind-block { padding-left: 1.5rem; position: relative; }
.ind-block .icon { position: absolute; top: 0; left: 0; }
.alert { margin: .375rem 0 .375rem 0; padding: .375rem 1.5rem .375rem .75rem; position: relative;
 font-weight: 400; border-radius: .375rem; text-align: left; }
.field-block + .alert { margin-top: .75rem; }
.alert.warn, .alert.error { background-color: #faf0f0; border: 1px solid #f1e0e0; }
.alert.warn .action-set .icon, .alert.error .action-set .icon { color: #e44; }
.alert.info { background-color: #f9f9f9; border: 1px solid #eee; }
.alert h1 { margin: 0; padding: 0; font-size: 1rem; line-height: 1.5; color: #000; }
.alert p { margin: 0; }
.alert p + p { margin-top: .75rem; }
.alert .ind-block { margin: 0 .75em 0 0; }
.field-block .alert { margin-bottom: -.375em; padding: .375rem;
 border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.field-block .alert + input, .field-block .alert + select { border-top-left-radius: 0;
 border-top-right-radius: 0; }
fieldset + .btn-block .alert { margin: .375rem 0; background-color: #fdfdfd !important; }
.field-block .alert:last-child { margin: .375rem 0; border-radius: .375rem; }
.admin-list { list-style: none; margin: 1.125rem 0; padding: 0; }
.admin-list .admin-list { margin: 0; }
.admin-list > li { border: 1px solid #ddd; background-color: #fff; padding: .375rem; margin: .375rem 0;
 position: relative; }
.admin-list > li.lvl2 { margin-left: .375rem; padding-right: 2.75rem; }
ul.admin-list li.inactive { background-color: #eee; opacity: .6 !important; }
.selectable-list > li, li.selectable { cursor: pointer; }
.selectable-list > li:hover, li.selectable:hover { box-shadow: 3px 3px 6px #ddd; }
.selectable-list h3 { margin: 0; }
.selectable-list h3.switcher { display: inline-block; width: auto; width: calc(100% - 1.25rem); }
.selectable-list h3.switcher .icon { font-size: 1rem; }
.switcher { color: #89bdd3; }
/*.selectable-list > li > a, li.selectable > a { margin: -.375rem; padding: .375rem; }*/
.actions { position: absolute; bottom: auto; margin: 0; padding: 0; top: .375rem; right: .375rem; }
.actions.btm { top: auto; bottom: auto; bottom: .375rem; }
.actions li { margin: 0; display: inline-block; border: none; }
.actions li:hover { background: none !important; box-shadow: none !important; }
.actions a { color: #999; }
.actions a:hover { color: #00c0c0; }
.subpage-list { margin: .75rem 0; padding: 0; list-style: none; }
.subpage-list li { margin: 0; }
.subpage-list li a { font-weight: normal; }
.media-list { list-style: none; display: flex; flex-flow: row wrap; justify-content: space-evenly; }
.media-list > li { width: 12.5rem; margin: .5rem; flex: 0 1 auto; padding-bottom: .5rem; font-size: .875rem; }
.media-list > li img { width: 100%; height: 10rem; object-fit: contain; border: none !important; }
.cover-list { list-style: none; display: flex; flex-flow: row wrap; justify-content: center; }
.cover-list > li { flex: 0 1 auto; margin: .5rem; padding: 0; font-size: .875rem; }
.cover-list > li img { width: auto; height: 12rem; object-fit: contain; border: none !important; }
.contactinfo { background-color: #e6f3e6; padding: .375rem; }
.ci img { width: 30%; }
.flexcoverimg { width: 30%; }


@font-face {
  font-family: 'whsax'; font-weight: normal; font-style: normal;
  src:
    url('../media/fonts/whsax.ttf?pqggdc') format('truetype'),
    url('../media/fonts/whsax.woff?pqggdc') format('woff'),
    url('../media/fonts/whsax.svg?pqggdc#whsax') format('svg');	
}
[class^="icon-"], [class*=" icon-"], i.mce-i-icon {
	font-family: 'whsax' !important; font-style: normal; font-weight: normal; font-variant: normal;
	text-transform: none; line-height: 1; speak: none;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.icon-warning, .warning { color: #e44; }
.warning { font-weight: 700; }
.icon-warning:before { content: "\ea07"; }
.icon-eye-blocked:before { content: "\e9d1"; }
.icon-saxmanbass:before { content: "\e900"; }
.icon-key:before { content: "\e98d"; }
.icon-sign-out:before { content: "\ea13"; }
.icon-topics:before { content: "\e96d"; }
.icon-dashboard:before { content: "\e600"; }
.icon-home:before { content: "\e902"; }
.icon-edit:before { content: "\e905"; }
.icon-pages:before { content: "\e925"; }
.icon-location:before { content: "\e948"; }
.icon-grid:before { content: "\e901"; }
.icon-box-highlight:before { content: "\e922"; }
.icon-search:before { content: "\e986"; }
.icon-delete:before { content: "\e9ad"; }
.icon-activate:before { content: "\e9b6"; }
.icon-notification:before { content: "\ea08"; }
.icon-plus:before { content: "\ea0a"; }
.icon-close:before { content: "\ea0f"; }
.icon-circle-down:before { content: "\ea43"; }
.icon-circle-up:before { content: "\ea41"; }
.icon-facebook:before { content: "\ea8c"; }
.icon-twitter:before { content: "\ea91"; }
.icon-link:before { content: "\e9cb"; }
.icon-media:before { content: "\e90e"; }
.icon-menu:before { content: "\e9bd"; }
.icon-music:before { content: "\e928"; }
.icon-user:before { content: "\e971"; }
.icon-users:before { content: "\e972"; }
.icon-user-plus:before { content: "\e973"; }
.icon-file-picture:before { content: "\e927"; }
.icon-file-pdf:before { content: "\e906"; }
.icon-file-index:before { content: "\e903"; }
.icon-file-backing-track:before { content: "\e904"; }
.icon-image-noborder:before { content: "\e90d"; }
.icon-image-inline:before { content: "\e907"; }
.frameborder { width: 100%; display: block; margin-left: auto; margin-right: auto; padding: .75rem;
 background-color: #fff; box-shadow: 0 0 1.5rem rgba(128,128,128,.3); *zoom: 1; }
.frameborder:before,
.frameborder:after { content: " "; display: table; }
.frameborder:after { clear: both; }
.frameborder img { padding-bottom: .375rem; }
.plsVideo { clear: both; position: relative; width: 100%; height: 0; margin: .5em auto;
 padding-bottom: 56.25%; }
.plsVideo43 { padding-bottom: 75%; }
.plsVideo > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.fixed-value .plsImages { width: 30%; display: inline-block; vertical-align: top; }
.plsImages img { height: auto; width: auto; max-width: 100%; }
.fixed-value .plsVideo { width: 90%; width: calc(100% - 1.25em);
 display: inline-block; vertical-align: top; }
.imggrid { margin: 1.125rem 0; display: block; }
.imggrid img { width: 100%; margin: .5265rem 0; }
img.l.halfwidth { float: left; width: 40%; margin-right: 1.125rem; margin-bottom: 1.125rem; }
img.r.halfwidth { float: right; width: 40%; margin-left: 1.125rem; margin-bottom: 1.125rem; }
img.l.halfwidth, img.r.halfwidth { max-height: 70vh; max-width: 30%; width: auto; }
img.no-border { border: none !important; }
img.image-inline { display: inline-block; width: auto !important; }
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.l { text-align: left; }
.r { text-align: right; }
.c { text-align: center; }
.c ul { list-style: none; padding-left: 0; }
.mc { margin-left: auto; margin-right: auto; }
.j { text-align: justify; }
.fl { float: left; }
.fr { float: right; }
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }
.bn { border: none !important; }

@media only screen and (min-width: 480px) {
  header h1 { margin: .375rem; }
  #navshort { flex: 0 1 auto; width: auto; }
  h1 { font-size: 1.875rem; line-height: 1.2; }
  h2 { font-size: 1.5rem; line-height: 1.25; }
  h3 { font-weight: 800; font-size: 1.125rem; line-height: 1.33333333; }
  h3 a { font-weight: 800; }
  .halfwidth { max-width: 80%; margin-left: auto; margin-right: auto; }
  img.l { float: left; width: 45%; margin-right: 1.125rem; margin-bottom: 1.125rem; }
  img.r { float: right; width: 45%; margin-left: 1.125rem; margin-bottom: 1.125rem; }
  .imggrid img.halfwidth { width: 100%; max-width: 100%; }
}

@media only screen and (min-width: 640px) {
  #logo { flex: 0 0 15rem; }
  #logo h1 { font-size: 2rem; }
  #logo p { font-size: 1.125rem; }
  #navshort li a { font-size: 1.5rem; line-height: 1.25; }
  #page { padding: 1.125rem; }
  #page section { padding: .375rem 1.125rem; }
  h1, h2, h3, p { margin-left: 0; margin-right: 0; }
  p, ul, ol, label, input, select, textarea { font-size: 1.125rem; line-height: 1.5; }
  ul, ol { padding-left: 3rem; }
  form.compact { width: 65%; }
  input.h1 { font-size: 1.125rem; line-height: 1.33333333; }
  img.l.halfwidth, img.r.halfwidth { max-height: auto; max-width: auto; width: 25%; }
  .ws { width: 50%; }
  .imggrid { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; margin: 1.125rem 0; }
  .imggrid img.halfwidth { width: 49%; flex: 0 1 auto; }
  .flexcover { display: flex; column-gap: 1rem;}
  .flexcoverimg { flex: 0 0 25%; width: auto; }
  .flexcovertxt { flex: 1 1 auto; }
}

@media only screen and (min-width: 800px) {
  body { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; }
  header h1 { font-size: 1.875rem; line-height: 1.2; text-align: center; margin: .75rem auto; }
  header h1 span { display: block; }
  header h1 .icon { font-size: 3rem; }
  header nav li { display: block; }
  header nav li.selected { background-color: #099; color: #fff; }
  header nav li.flex { display: flex; flex-flow: row wrap; justify-content: space-around; }
  header nav a { padding-left: 1rem; padding-right: 1rem; }
  header nav > ul > li:last-of-type {  }
  header nav > ul > li > ul { display: block; }
  header nav li li { border-top: none; }
  header nav li li:last-of-type { padding-bottom: .375rem; }
  header nav li li a { padding: .25rem 1.125rem; text-align: left; font-weight: 400; }
  nav { font-size: 1.125rem; }
  h1 { font-size: 2.25rem; line-height: 1.16666667; }
  h2 { font-size: 1.875rem; line-height: 1.2; }
  h3 { font-size: 1.5rem; line-height: 1.25; }  
  p, ul, ol, label, input, select, textarea { font-size: 1.25rem; line-height: 1.5; }
  #page section { padding: 1.125rem; }
  footer { flex: 1 0 auto; width: 100%; z-index: 6; height: 2.5rem; }
  footer nav { display: none; }
  label { display: inline-block; width: 30%; text-align: right; vertical-align: top; margin-right: .375rem; }
  input[type="text"], input[type="email"], textarea { width: calc(70% - .375rem); }
  .field-block { display: inline-block; width: 69%; width: calc(70% - .375rem); vertical-align: top; }
  .field-block.wide { display: block; width: 100%; }
  form.compact { width: 45%; }
  fieldset.short label { display: block; width: auto; text-align: left; }
  .wl { width: 69%; }
  .field-block .wl { width: 100%; }
  .wf { width: calc(69% - 1.25rem); }
  .field-block .wf { width: calc(100% - 1.25rem); }
  .wm { width: 33.8% !important; }
  .field-block .wm { width: 49% !important; }
  .ws { width: 22%; }
  .field-block .ws { width: 32%; }
  input.h1 { font-size: 1.5rem; line-height: 1.33333333; }
  .halfwidth { max-width: 50%; }
}
@media only screen and (min-width: 1024px) {
  header h1 { font-size: 2.25rem; line-height: 1.16666667; }
  header h1 .icon { font-size: 4.5rem; }
  #page section { padding: 1.125rem 2.25rem; }
}
@media only screen and (min-width: 1200px) {
  div.pageblock { display: inline-block; width: calc(100% - 16.5rem); }
}
@media only screen and (min-width: 1600px) {
  #page { padding: 2.25rem 4.5rem; max-width: 1600px; margin-left: auto; margin-right: auto; }
}
@media print {
  * { background: transparent !important; color: #000 !important; }
  a, a:visited { text-decoration: underline; }
  img { page-break-inside: avoid; max-width: 100% !important; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  #page { padding: 0 auto; padding: 0; }  
  .prt-hide, nav, form { display: none; }
  .form-btns, input[type="button"], input[type="submit"], a.btn, button { display: none !important; }
}