* {margin: 0}
* {padding:0}
* {box-sizing: border-box;}



body {
    
    
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.5em;
    color: #243D0A;/* text colour */
    background-color: #F2FBE9;
    
     }



.text {
    font-size: 1.1em;
    padding-top: 0em;
    padding-bottom: 0.5em;
}

.indented {
    padding-left: 2em;
}

p.pad-bottom {
    padding-bottom: 1em;
}

p.pad-top {
    padding-top: 1.5em;
}

p.pad-left {
    padding-left: 2em;
   
}

.list-pad-left {
    padding-left: 1em;
   
}

li.list {
    color: #243D0A;
    
}

li.list:hover {
    color: #507a23;
    
}

a.list {
 color: #243D0A;
}

li.list:hover {
    color: #507a23;
    
}


a.page {
    text-decoration: underline;
    color: red;
}


a.page:hover {
    color: blue; 
}


li.onPage{
    color: black;
    margin-left: 4em;
}


.flexbox-bottom{
    display: flex; 
    flex-direction: column;
    justify-content: flex-end;
}

.flexbox-row{
    display: flex; 
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    
   
}

.flexbox-row > div {
  
  margin: 10px;
  text-align: left;
  
}

h1 {
    
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    color:  #243D0A;
    font-size:  max(4vw, 2em); 
    line-height: 1.3em;
    margin-left: 1vw;
    vertical-align: middle;
    padding-top: 30px;
 }




h2 {
    font-size: 2.0em;
     color:  #497D15;
    padding-bottom: 0.25em;
    padding-top: 0.5em;
    font-variant: small-caps;
    line-height: 0.8em;
    }

h2span {
    font-size: 2.0em;
    font-variant: small-caps;
  }


h3 {
    font-size: 1.25em;
    color:  #3B6411;
    text-align: left;
    padding-top: 1em;
    padding-bottom: 0.5em;
   
   }

h3span {
    font-size: 1.25em;
    color:  rgb(40,134,199);
    text-align: left;
    padding-top: 1em;
    padding-bottom: 0.25em;
   
   }

h3.spaced{
    padding-top: 2em;   
}

h4 {
    font-size: 1em;
    padding-top: 0.40em;
    padding-bottom: 0.20em;
    vertical-align: text-top;
   }

h5 {
    font-size: 1.0em;
    color: white;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    line-height: 0.5em;
    }

.h2highlight {
    font-size: 2.0em;
    font-variant: small-caps;
    color:  rgb(40,134,199);
}


.h3highlight {
    font-size: 1.25em;
    color:  rgb(40,134,199);
}