html {
  height: 100%;
}
body{background:#fff; color:#333;font:normal 1em Verdana, Arial, Helvetica, sans-serif;padding:0;min-width:320px;height:100%;}

strong{font-weight:bold;}
em{font-style:italic;}
h1{font-size:2em;text-align:center;margin:0 0 0.5em 0;}
h2{font-size:1.8em;text-align:center;margin:0.3em 0;}
h3{font-size:1.6em;text-align:center;margin-bottom:0.5em;clear:both;}
h4{font-size:1.2em;text-align:center;margin-bottom:0.3em;clear:both;}
h5{font-size:1.1em;text-align:center;margin-bottom:0.2em;clear:both;}
h6{font-size:1em;text-align:center;margin-bottom:0.15em;clear:both;}
a{text-decoration:none;color:#333;}
p.center{text-align:center;}
div.clear, p.clear, ul.clear{clear:both;}
ul.clear-right{clear:right;}
img{display:block;}
img.res{width:100%;height:auto;}
span.nowrap{white-space: nowrap;}

hr{padding:0;border:none;height:1px;background-image:linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));color:#fff;text-align:center;}
hr.black{background-image:linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));color:#000;}
hr.left{background-image:linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,0.75));color:#fff;}
hr.right{background-image:linear-gradient(to left, rgba(255,255,255,0.75), rgba(255,255,255,0));color:#fff;}
ol{list-style-type:decimal;margin-left:2.2em;}
ul{list-style-type:disc;margin-left:2.2em;}
ol.download{list-style-type:none;font-size:.8em;display:flex;flex-wrap: wrap;}
ol.download li {text-align:center; margin: .6em .5%; width: 15.66666666666667%;}
ol.download li img {width:70%; max-width:160px; margin: 0 auto;}
input[type=radio], input[type=checkbox], input[type=button], input[type=submit]{cursor:pointer;}

.fsize70{font-size:.7em;}
.fsize80{font-size:.8em;}
.fsize90{font-size:.9em;}
.fsize110{font-size:1.1em;}
.fsize120{font-size:1.2em;}
.fsize130{font-size:1.3em;}
.font-readable{-moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  text-rendering: optimizelegibility !important;
  letter-spacing: .05em;}

#page{width:100%;max-width:100%;margin:0 auto;backgrounds:white;min-height: 100%;
  display: flex;
  min-height: 100vh;
  flex-direction: column;  }
.content{max-width:20em;width:100%;margin:0 auto;display:block;}

#page-settings{display:flex;justify-content:center;padding:0;}
#page-settings ul{display:flex;align-items:center;list-style-type: none;margin: 0;padding: 0;}
#page-settings ul li.contrast, #page-settings ul li.resizer{display:none;}
#page-settings ul li.label{display:none;margin:.2em;padding:.5em; font-size:.8em;}
#page-settings ul ul {margin:0 .1em;padding:.1em;}
#page-settings button{border:1px #000 solid;margin:.2em;padding:.5em .7em;background:white;cursor:pointer;}
#page-settings button.wcag{color:white;background:blue;border:1px blue solid;margin:.4em;}
#page-settings button.highcontrast-by{color:yellow;background:black;}

nav {flex:0;border-bottom:1px #d8d8d8 solid;}
nav .content{display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: 0px 0px;
  grid-template-areas:
    "Logo BarsMenu"
    "MainMenu MainMenu";}
nav .content div.logo {grid-area: Logo;padding:.5em 1em;justify-self: start;}
nav .content div.logo img{margin:0 auto;width:15em;height:auto;} 
nav .content .barsmenu{grid-area:BarsMenu;margin:.5em;justify-self: end;align-self: center;}
nav .content .barsmenu i{cursor:pointer;display:block;}
nav .content #main-menu{grid-area: MainMenu;display:none;}

main{flex:1;min-height:10em;margin-top:2em;display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 1em 1em;
  grid-template-areas:
    "Main"
    "Panel";
}

main div.main {grid-area: Main;padding:1em .5em 4em .5em;background:rgba(255,255,255,0);}
main div.main article h1{font-size:2.4em;font-family:Georgia; border-bottom: 4px #008CCF solid;padding: 0 .3em .3em .3em;}
main h2{font-size:2em;font-family:Georgia; border-top: 1px #CCC solid; border-bottom: 3px #999 solid;margin:0 0 1em 0;padding:.3em;}
main div.main article p{line-height:1.6em;margin:.25em;}


main div.panel {grid-area: Panel;padding:1em .5em;border-top:1px #999 solid;display: grid;
  grid-template-columns: repeat(auto-fill, minmax(9em, 1fr));
  grid-template-rows: auto;
  gap: 1em;
  background:white;}
main div.panel p {text-align:center;margin:1em 1em;align-self: center;}
main div.panel p img{max-width: 9em;width:100%;height:auto;margin:0 auto;}



footer{background:#88A836;color:#fff;font-size:0.8em;padding-bottom:.25em;margin-top:2em; }
footer a{color:#fff;}
footer .bottom_menu{display:flex;justify-content:space-around;padding:0.8em 0;font-size:.8em;align-items:center;background:#d8d8d8;}
footer .bottom_menu{font-size:1.1em;flex-wrap: wrap;}
footer .bottom_menu a {margin:.4em .5em; color:#333;}
footer .social .label{display:none;}
footer p.copy{text-align:center;margin:0.4em 0;font-size:1em}

div#cookies{background:rgba(0,0,0,.8);bottom: 0; top:0; left: 0; right: 0; position: fixed;z-index:1000;display:none;}
div#cookies div{
background:rgba(255,255,255,1);
}
div#cookies div div{flex: 1;}
div#cookies div div p{padding: .5em 1em;line-height:1.5em;}
div#cookies div div p a{color:#900;}
div#cookies div p#button_cookies{background:rgba(255,255,255,.5); margin: 1em 2em; padding:.5em 1em; border: 1px #900 solid; border-radius: 1em;color:black;font-size:1.2em;cursor:pointer;}

.cols_2, .cols_5{position:relative;margin:6px 0.5%;float:left;display:block;}
.cols_2{width:99%;}
.cols_5{width:19%;}


body.highcontrast {background:black;color:yellow;}
.highcontrast a{color:yellow;}
.highcontrast nav {border-bottom:1px yellow solid;}
.highcontrast main div.main article h1{border-bottom: 4px yellow solid;}
.highcontrast main h2{border-top: 1px yellow solid; border-bottom: 3px yellow solid;}
.highcontrast footer{background:black;color:yellow;}
.highcontrast footer a{color:yellow;}
.highcontrast footer .bottom_menu{background:black;border-top: 1px yellow solid; border-bottom: 1px yellow solid;}
.highcontrast footer .bottom_menu a {color:yellow;}







@media screen and (min-width: 320px){

}

@media screen and (min-width: 360px){
  .content{max-width:22.5em;}
}

@media screen and (min-width: 390px){
  .content{max-width:24em;}
}

@media screen and (min-width: 480px){
  .content{max-width:30em;}
  nav .content{
    grid-template-columns: 2.5fr .5fr;
    grid-template-areas:
    "Logo BarsMenu"
    "MainMenu MainMenu";}
}

@media screen and (min-width: 600px){
  .content{max-width:37.5em;}

}

@media screen and (min-width: 760px){
  .content{max-width:47.5em;}
}

@media screen and (min-width: 960px){
  .content{max-width:60em;}
  nav .content{
    grid-template-columns: 1fr 4fr;
  }
  .cols_2{width:49%;}
}

@media screen and (min-width: 1024px){
  .content{max-width:64em;}
  nav .content {grid-template-columns: 1fr 5fr;
      grid-template-areas:
      "Logo MainMenu";}
  nav .content .barsmenu{display:none;}
  nav .content #main-menu{display:block;justify-self: end;align-self: center;}
}

@media screen and (min-width: 1200px){
  .content{max-width:75em;}
}

@media screen and (min-width: 1600px){

}