html, textarea { font-family: verdana, arial, sans-serif;
                 color: black; 
}

body,html {
    margin: 0;
    padding: 0;
}

h1, h2, Leman-page-title {  margin:0 0 0 0;
                        vertical-align: baseline;
}

h1 {
  text-align: left;
  font-size: 1.5em;
  margin-bottom: .3em; 
  font-weight: bold

}

h2 {
  text-align: center;
  font-size: 1.25em;
  margin-bottom: 0; 
  margin-top: 1em; 
  font-weight: bold;
  text-decoration: underline;
}

.Leman-nav{
    text-align: center;
}



ul{
    margin:0;
    padding:0;
}

li {
  display: inline;
  margin: 0;
  padding: 0;
  margin: 3%;
}

.Leman-content-container{
                         text-align: left;
                         padding-left: 10%;
                         padding-right: 10%;
                         margin: 0;
                         padding-bottom: 0;
                         padding-top: 1.5em;
                         font-size: 1em;
}

.Leman-page-container{   
                         background-image: linear-gradient( #4976d0, #c2d1ef);
                         margin: 0;
                         padding: 0;
}
    .Leman-project-images-container{
        width: 100%;
        float: left;
    }

@media(min-width: 810px){
    .Leman-title-containter{ 
                         background-color: white;
                         position: relative; /* Set title and nav to fixed position */
                         top: 0; /* Position title and nav navbar at the top of the page */
                         width: 100%; /* Full width */
                         height: 8em;
                         z-index: 10;
                         margin: 0;
                         padding: 0;
                         margin-top: 1em;
                         align-content: center;
    }

    .Leman-page-title{
        padding-top: 0;
        margin: 0;
        font-size: 3em;
        line-height: 1em;
        text-align: center;
        color: white;
    }
    
    .Leman-local-navigation{
        width: 100%;
        padding: 0;
        margin: 0;
        align-content: bottom;
        bottom: .25em;
        position: absolute;
        font-size: 1.5em;        
    }
    
    .Leman-page-content-container{
                         text-align: left;
                         line-height: 1.5em;
                         width: 60%;
                         min-width: 375px;
                         max-width:800px;
                         margin-left: auto;
                         margin-right: auto;
                         position: relative;
                         min-height: 100vh;
                         display: block;
                         background-color: white;
                         margin-top: .75em;
                         border-radius: 1em 1em 0 0;
                         padding-bottom: 4em;
    }
    
    th, td {
        padding: 1em;}
    .Leman-table-gen{
        max-width: 3em;
        word-break: break-all;
    }
    
    .Leman-project-images-container{
        width: 50%;
        float: left;
    }
    
    .Leman-title-image{
    float: left;
    height: 7em;
    width: auto;
    }
    
    .Leman-title-image-b{
    float: left;
    height: 7em;
    width: auto;
    z-index: -1
    }
    
    .Leman-title-background{ 
                         margin-left: auto;
                         margin-right: auto;
                         background-color: white;
                         width: 45em;
                         padding-bottom: .5em;
                         padding-top: 0;
                         margin-top: 0;
                         height: 7em;
                         border-radius: .5em;
                         display: flex;
                         align-items: center;
                        
    }
    .Leman-title-color-background{
                         margin-left: auto;
                         margin-right: auto;
                         background-color: #4976d0;
                         width: 30em;
                         padding-bottom: .5em;
                         padding-top: 0;
                         margin-top: 0;
                         height: 3em;
                         border-radius: .5em;
                        
    }
    
    .Leman-intro-images{
    width: 31%;
    float: left;
    padding-right: 1.5em;
    padding-bottom: 1em;
    }
    
    .Leman-project-images-home{
        width: 100%;
        border: none;
    }
    
    .Leman-project-images-title{
        height: 3em;
    }

}

@media(max-width: 809px) and (min-width: 660px) {
    .Leman-title-containter{ 
                         background-color: white;
                         position: relative; /* Set title and nav to fixed position */
                         top: 0; /* Position title and nav navbar at the top of the page */
                         width: 100%; /* Full width */
                         height: 9em;
                         z-index: 10;
                         margin: 0;
                         padding: 0;
                         margin-top: 2em;
                         align-content: center;
    }

    .Leman-page-title{
        padding-top: 0;
        margin: 0;
        font-size: 3em;
        line-height: 1em;
        text-align: center;
        color: white;
    }
    
    .Leman-local-navigation{
        width: 100%;
        padding: 0;
        margin: 0;
        align-content: bottom;
        bottom: .25em;
        position: absolute;
        font-size: 1.25em;        
    }
    
    .Leman-page-content-container{
                         text-align: left;
                         line-height: 1.5em;
                         width: 60%;
                         min-width: 375px;
                         max-width:1024px;
                         margin-left: auto;
                         margin-right: auto;
                         position: relative;
                         min-height: 100vh;
                         display: block;
                         background-color: white;
                         margin-top: .75em;
                         border-radius: 1em 1em 0 0;
                         padding-bottom: 4em;
    }
    
    th, td {
        padding: 1em;}
    .Leman-table-gen{
        max-width: 3em;
        word-break: break-all;
    }
    
    .Leman-project-images-container{
        width: 100%;
        float: left;
    }
    
    .Leman-title-image{
    float: left;
    height: 7em;
    width: auto;
    }
    
    .Leman-title-image-b{
    float: left;
    height: 7em;
    width: auto;
    z-index: -1
    }
    
    .Leman-title-background{ 
                         margin-left: auto;
                         margin-right: auto;
                         background-color: white;
                         width: 35em;
                         padding-bottom: .5em;
                         padding-top: 0;
                         margin-top: 0;
                         height: 7em;
                         border-radius: .5em;
                         display: flex;
                         align-items: center;
                        
    }
    .Leman-title-color-background{
                         margin-left: auto;
                         margin-right: auto;
                         background-color: #4976d0;
                         width: 20em;
                         padding-bottom: .5em;
                         padding-top: 0;
                         margin-top: 0;
                         height: 6em;
                         border-radius: .5em;
                        
    }
    
    .Leman-intro-images{
        display: none;
    }
    
    .Leman-project-images-home{
        display: none;
    }
    
}

@media (max-width: 659px) and (min-width: 420px) {
    .Leman-title-containter{ 
                         background-color: white;
                         position: relative; /* Set title and nav to fixed position */
                         top: 0; /* Position title and nav navbar at the top of the page */
                         width: 100%; /* Full width */
                         height: 5em;
                         z-index: 10;
                         margin: 0;
                         padding: 0;
                         margin-top: 1em;
                         align-content: center;
    }

    .Leman-page-title{
        padding-top: 0;
        margin: 0;
        font-size: 1.5em;
        line-height: 1em;
        text-align: center;
        color: white;
    }
    
    .Leman-local-navigation{
        width: 100%;
        padding: 0;
        margin: 0;
        align-content: bottom;
        bottom: .25em;
        position: absolute;
        font-size: 1.25em;        
    }
    
    .Leman-page-content-container{
                         text-align: left;
                         line-height: 1.5em;
                         width: 80%;
                         margin-left: auto;
                         margin-right: auto;
                         position: relative;
                         min-height: 100vh;
                         display: block;
                         background-color: white;
                         margin-top: .75em;
                         border-radius: 1em 1em 0 0;        
                         padding-bottom: 4em;
    }
    
    th, td {
        padding: .25em;}
    .Leman-table-gen{
        max-width: 2em;
        word-break: break-all;
    }
    
    .Leman-project-images-container{
        width: 100%;
        float: left;
    }
    
    .Leman-title-image{
    float: left;
    height: 3em;
    width: auto;
    }
    
    .Leman-title-image-b{
    float: left;
    height: 3em;
    width: auto;
    z-index: -1
    }
    
    .Leman-title-background{ 
                         margin-left: auto;
                         margin-right: auto;
                         background-color: white;
                         width: 22em;
                         padding-bottom: .5em;
                         padding-top: 0;
                         margin-top: 0;
                         height: 3em;
                         border-radius: .5em;
                         display: flex;
                         align-items: center;
                        
    }
    .Leman-title-color-background{
                         margin-left: auto;
                         margin-right: auto;
                         background-color: #4976d0;
                         width: 20em;
                         padding-bottom: .5em;
                         padding-top: 0;
                         margin-top: 0;
                         height: 1.5em;
                         border-radius: .5em;
                        
    }
    
    .Leman-intro-images{
        display: none;
    }
    
    .Leman-project-images-home{
        display: none;
    }
}

@media (max-width: 419px){
    .Leman-title-containter{ 
                         background-color: white;
                         position: relative; /* Set title and nav to fixed position */
                         top: 0; /* Position title and nav navbar at the top of the page */
                         width: 100%; /* Full width */
                         height: 5em;
                         z-index: 10;
                         margin: 0;
                         padding: 0;
                         margin-top: 2em;
                         align-content: center;
    }

    .Leman-page-title{
        padding-top: 0;
        margin: 0;
        font-size: 1.5em;
        line-height: 1em;
        text-align: center;
        color: white;
    }
    
    .Leman-local-navigation{
        width: 100%;
        padding: 0;
        margin: 0;
        align-content: bottom;
        bottom: .25em;
        position: absolute;
        font-size: 1.25em;        
    }
    
    .Leman-page-content-container{
                         text-align: left;
                         line-height: 1.5em;
                         width: 80%;
                         min-width: 200px;
                         margin-left: auto;
                         margin-right: auto;
                         position: relative;
                         min-height: 100vh;
                         display: block;
                         background-color: white;
                         margin-top: .75em;
                         border-radius: 1em 1em 0 0;
                         padding-bottom: 4em;
    }
    
    th, td {
        padding: .25em;}
    .Leman-table-gen{
        max-width: 2em;
        word-break: break-all;
    }
    
    .Leman-project-images-container{
        width: 100%;
        float: left;
    }
    .Leman-title-image{
    float: left;
    height: 3em;
    width: auto;
    }
    
    .Leman-title-image-b{
    float: left;
    height: 3em;
    width: auto;
    z-index: -1
    }
    
    .Leman-title-background{ 
                         margin-left: auto;
                         margin-right: auto;
                         background-color: white;
                         width: 17.5em;
                         padding-bottom: .5em;
                         padding-top: 0;
                         margin-top: 0;
                         height: 3em;
                         border-radius: .5em;
                         display: flex;
                         align-items: center;
                        
    }
    .Leman-title-color-background{
                         margin-left: auto;
                         margin-right: auto;
                         background-color: #4976d0;
                         width: 10em;
                         padding-bottom: .5em;
                         padding-top: 0;
                         margin-top: 0;
                         height: 3em;
                         border-radius: .5em;
                        
    }
    
    .Leman-intro-images{
        display: none;
    }
    
    .Leman-project-images-home{
        display: none;
    }
}


.Leman-footer{
                         text-align: center;
                         align-content: bottom;
                         position: absolute;
                         bottom: 0;
                         display: block;
                         width: 100%;                         
                         height: 3rem;
                         background-color: white;
                         color: black;}

.Leman-row-bottom{ 
            width:100%;
            background: #4976d0;
            height: .0625em;
            margin: 0;
            padding: .3125em 0;
            align-content: bottom;
            bottom: 0;
            position: absolute;
          }

.Leman-row-top{ 
            width:100%;
            background: black;
            height: .0625em;
            margin: 0;
            padding: .0625em 0;
            align-content: bottom;
            bottom: 0;
            position: absolute;
          }

.Leman-table{
                width: 100%;
}



.Leman-table-up{
                vertical-align: top;
                width: 10%;
}

.here{color: black}

/* unvisited link */
a:link {
color: dimgray;
text-decoration: none
}

/* visited link */
a:visited {
color: dimgray;
text-decoration: none
} 

/* hover link */
a:hover {
color: black;
text-decoration: none;
}

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 1.5em;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1em;
  transition: 0.4s;
  border-radius: 1em;
}

.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: .25em;
}

.active:after {
  content: '\2212';
}

.panel {
  padding: 0 1em;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.Leman-project-images{
        width: 100%;
        border: none;
}