body
{
   background-color: #fff;
   color: #44a12b;
   margin: 0;
}

#menu
{
   background-color: #44a12b;
   color: #fff;
/* flwg copied from main.css collapsible menu stuff @ max-width: 839px */
   margin: 0;
   overflow: visible;
   padding: 0 0 .5em 1em;
   position: fixed;
   transition: transform 500ms ease;
   right: 0;
   top: 0;
   width: 16em;
   height: 100%;
}
#menu.hidden  { transform: translateX(17em); }
#menu.visible { transform: translateX(0); }

@media screen and (orientation: landscape)
{
   #header > h1
   {
      margin: .25em 0 .25em 1.6em;
      min-height: 0;
   }

   #menu
   {
      margin: 1.25em 0;
      margin: 0;
   }
}

@media screen and (max-height: 499px) and (orientation: landscape)
{
   #menu
   {
      font-size: 1em;
   }
}

#menu > ul
{
   font-size: 2em;
   line-height: 1.75em;
   margin: 0;
   padding: 0;
}

#menu li
{
   float: none !important;
   padding-right: 0 !important;
}

#menu a, #menu a:visited, #menu a:hover, #menu a:active, #menu #current
{
   color: #fff;
}

#menu #current
{
   background-color: rgba(255, 255, 255, .875);
   color: #44a12b;
   cursor: default;
   margin-left: -.5em !important;
   padding-left: .5em !important;
}

#menu a, #menu a:visited, #menu a:hover, #menu a:active
{
   color: #fff;
   text-decoration: none;
}

#menu-switch
{
   background: url("../pix/menu-button.svg") 50% 50% no-repeat #44a12b;
   background-size: 60%;
   cursor: default;
   display: block;
   position: absolute;
   left: -3.5em;
   top: 0;
   width: 3.5em;
   height: 3.5em;
}

.section
{
   font-size: 1.5em;
   margin: 0;
   margin-top: 6.75em;
   margin-bottom: 5.25em;
   padding-right: 0;
}

.article
{
   max-width: none;
   margin: 0 3em;
   margin-right: 3.5em;
}

.article > p
{
   margin: 0;
}

#continue-link
{
   font-family: "Times Roman", times, serif;
   font-style: italic;
   text-align: right;
}

#continue-link > a
{
   color: #44a12b;
}

@media screen and (orientation: landscape)
{
   .section
   {
      margin-top: 5.5em;
   }
}

@media screen and (min-width: 840px) and (orientation: landscape)
{
   .section
   {
      margin-top: 7em;
   }
}
/*
@media screen and (orientation: landscape) and (min-aspect-ratio: 32/19)
{
   .section
   {
      margin-bottom: 0;
   }

   .article
   {
      display: none;
   }
}
*/
#fb,
#tw
{
   margin-right: .5em;
}

#tw
{
   margin-bottom: .25em;
   margin-top: 2em;
}

#fb { background-image: url("../pix/logo-fb-groen.svg"); }
#tw { background-image: url("../pix/logo-tw-groen.svg"); }
#vt { background-image: url("../pix/logo-vt-groen.svg"); }