*{box-sizing:border-box;font-family:Roboto,sans-serif}body,html{margin:0;padding:0;width:100%;height:100%}body{display:flex;flex-direction:column;justify-content:space-between;align-items:center}body>*{width:100%}div.flex-container{display:flex}div.flex-container .w-10{width:10%}div.flex-container .w-20{width:20%}div.flex-container .w-30{width:30%}div.flex-container .w-40{width:40%}div.flex-container .w-50{width:50%}div.flex-container .w-60{width:60%}div.flex-container .w-70{width:70%}div.flex-container .w-80{width:80%}div.flex-container .w-90{width:90%}div.flex-container.hor{flex-direction:row;align-items:center}footer,header{flex-grow:0;flex-shrink:0}.main-content-container{flex-grow:1;flex-shrink:0;padding:1em;max-width:1200px;margin:0 auto}a{color:#c36}img{max-width:100%}picture.bg{display:block;position:absolute;top:0;bottom:0;width:100%;height:100%}picture.bg img{width:100%;height:100%;object-fit:cover;object-position:center}img.section-divider.bottom{position:absolute;bottom:0;left:0;width:100%;height:4em}img.centered{display:block;margin:1em auto}img[loading=lazy][data-ratio]{aspect-ratio:auto attr(data-ratio number)}header{position:relative;z-index:200}header.full-height{height:25rem;min-height:75%}header .menu-container{display:flex;align-items:center;justify-content:space-between;position:absolute;width:100%;height:6em;padding:.75em;background-color:#fff7}header .menu-container .header-logo a{display:block;height:4em;width:10em;position:relative}header .menu-container .header-menu{display:flex;align-items:center;justify-content:center;gap:1em}header .menu-container .header-menu a{color:#000;text-decoration:none}header .title-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:2em;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:2em;text-align:center}header .title-container .page-title{padding:.5em 1em;background-color:#fff7;border-radius:1em;box-shadow:10px 10px 10px 0 #000;width:20em;min-width:fit-content;max-width:100%;margin-bottom:0}header .title-container .page-date{padding:.5em 1em;background-color:#fff7;border-radius:0 0 1em 1em;box-shadow:10px 10px 10px 0 #000;width:15em;min-width:fit-content;max-width:100%;font-weight:bolder}footer{display:flex;padding:1em;align-items:center;justify-content:space-between;background-color:#222;color:#fff}footer .links{display:flex;gap:1em;align-items:center;justify-content:center}@media screen and (max-width:900px){div.flex-container{display:block}div.flex-container .w-10,div.flex-container .w-20,div.flex-container .w-30,div.flex-container .w-40,div.flex-container .w-50,div.flex-container .w-60,div.flex-container .w-70,div.flex-container .w-80,div.flex-container .w-90{width:100%;margin:2em auto}}