body {
  background: rgba(102,79,60,1);
}

.nav {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-flow: row wrap;
    row-gap: 1em;
}

a:link {
  color: #ffffff;
}
a:visited {
  color: #ffffff;
}

a:hover {
  color: #ffffff;
}

a:active {
  color: #ffffff;
}
                   
               /* Base site design - BIG SCREENS */
               
@media all and (min-width: 801px) {
  
   .nav {
    justify-content: flex-start;
    align-items: flex-end;
   }

  #container {
    max-width:900px;
    margin: auto;
    padding: 0 1.5em 1em 2.5em;
    display: inline-flex;
    flex-flow: row wrap;
    row-gap: min(10px,2em);
    column-gap: min(25px,3em);
    }

  #sidebar { 
    order: 2; 
    width: 15%;
    text-align: center;
    }
  
  #sidebar p {
    opacity: 0.7;
  }
  
  #sidebar p:hover {
    opacity: 1;
  }
  
  nav { 
    order: 1; 
    flex: 1 100%;
    }
    
  main { 
    order: 3; 
    width: 70%;
    }
    
      /* Sidebar content */
  
    #sidebar img {
      width: 100%;
      }
    
    footer {
      display: none;
    }
}

               /*Base site design - on small screens*/

@media all and (max-width: 800px) {
  
   .nav {
     justify-content: space-evenly;
    }
  
  #container {
    flex-flow: column nowrap;
    column-gap:0;
    }
  
  #sidebar { order: 1;}
  nav { order: 2; padding-bottom: 2px;}
  main { order: 3; }
  footer { order: 4;}

  main, #sidebar {
    padding: 0 1.5em 0 1.5em;
   }
  
  #sidebar {
   height: min(100px,20vw);
   margin: auto;
   }
  
  #sidebar img {
    height: 100%;
    display: block;
    margin: auto;
    width: auto;
  }
  
  #sidebar p {
    display: none;
  }
  
  footer {
    text-align: center;
  }

}

                       /* Navigation links */

.nav a {
    text-decoration: none;
    padding:1em;
}


                        /* Text properties */
main, nav, footer, #sidebar  {                       
  font-family: Kedebideri;
  color: #ffffff;
  }
  
#sidebar p {
  font-size: 0.9em;
}

footer p {
  font-size: 0.9em;
}
  
main p {
    margin-bottom: -0.7em;
    font-size: 1em;
    font-weight: 400;
    text-indent: 1em;
    line-height: 1.3;
}

b {
    font-weight: 700;
}

h1 {
    margin-bottom:-0.2em;
    margin-top: 0;
    font-size: 1.85em;
    font-weight: 600;
}

h2 {
    margin-top: 1.4em;
    margin-bottom: -0.4em;
    font-size: 1.25em;
    font-weight: 700;
}

h3 {
    margin-top: 1.4em;
    margin-bottom: -0.6em;
    font-size: 1.05em;
    font-weight: 500;
}

/* Lists */

ul {
    font-size: 1em;
    line-height: 1.3;
}

.journaltoc {
    list-style-type: none;
}

.journaltoc li {
    margin-bottom: 0.4em;
}

/* Special paragraphs */

.intro {
    font-size: 1.2em;
    font-weight: 500;
    margin-bottom: 1em;
}

.faq {
    font-size: 1.2em;
    font-weight: 500;
    margin-top: 1.3em;
    margin-bottom:-0.3em;
}

.aside {
    font-style: italic;
    margin-bottom: 1em;
}

.footnote {
    font-style: italic;
    margin-bottom: 1em;
    margin-top: 2em;
    font-size: 0.88em;
}

.caption {
    text-align: center;
    font-style: italic;
    font-size: 0.9em;
    margin-top: 0.5em;
    margin-bottom: 1em;
}

                        /* Image properties */
.break {
    width: min(450px,80vw);
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.inlineimg_many {
    text-indent: 0;
    text-align: center;
    margin-bottom: 1em;
}

.inlineimg_many img {
    width: min(350px,40vw);
    padding: min(5px,0.5em);
}

.inlineimg_solo {
    text-indent: 0;
    text-align: center;
}

.inlineimg_solo img {
    width: min(550px,65vw);
    padding: min(10px,1em);
}