/* CSS Document */

        html, body {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }
        
        @font-face{
          font-family:"Chilanka";
          src: url("../Chilanka-Regular.ttf");

          
   }
    
        
   div,p{
    font-family:"Chilanka";
    font-size: 18px;
    margin: 0 ;
    line-height : 180%;
    color:#d8d4cb;/*5F5F7F*/   
   }
    body {
            display: flex;
            flex-direction: column;
            /*background-image:linear-gradient(#192E1C,#2B382C,#4E6451,#6F8872,#4E6451,#2B382C,#192E1C);*/
           /* background-image:linear-gradient(#552700,#804515,#AAC392,#D49A6A,#AAC392,#804515,#552700);*/
          /* background-image:linear-gradient(#192E1C,#2B382C,#4E6451,#6F8872,#4E6451,#2B382C,#192E1C);*/
           /*background-image:linear-gradient(#2f2924,#4f4c4d,#967a5d,#af936c,#967a5d,#4f4c4d,#2f2924);/*marron*/
            /*background-image: linear-gradient(#8b9071,#75746b,#57565a); /* bleu vert marron */
            /*background-image: linear-gradient(#8b9071,#75746b,#57565a); /* bleu vert marron */
            /*background-image:linear-gradient(#322c27,#665c53,#b58f6b,#7f7267,#746661,#5c575c,#000000);/*180226*/
            background-image:linear-gradient(#666666,#211e20);/*202020*/
        }
       
       
        #header {
    Z-index:100;
    position: absolute; top: 0px; left: 0px;
    width:100%;
    height:auto;
    /*background:rgba(0,0,0,0.1);*/
    margin-top:0;
    padding:0px;
    
}



.flex-header {
    display: flex;
    padding:0px;
    margin:0;
    align-items: center;
    justify-content: center;
    

}

.flex-header > div {
    
    flex-direction: row;
    width:auto;
    margin:0;
    text-align: center;
    font-size: 0.8vw;
    
} 
        
        
        #content {
            
            flex-grow: 1;
        }
        
        .box{
            width: 70%;
            height: 70vh;
            margin-top: 15vh;
            margin-left:auto;
            margin-right:auto;
            display: flex;
            flex-direction:column;
            justify-content: center;
            align-items: center;

           
        }
        footer {
            /*background:rgba(0,0,0,0.1);*/
            color: white;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 10px;
        }
    .grid-foot {
        width:100%;
        height:2vh;
        display: grid;
        grid-template-columns:220px auto 220px;
        grid-gap: 20px;
        margin-left:auto;
        margin-right:auto;
        margin-top:10px;
        
    }

        .grid-foot > div {
  
          text-align: center;
          font-size: 0.7vw;
          color:#fff;
          }
          
    #logo{
        width:99%;
        display:block;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
        
        }  
          
          
    #citation{
   Z-index:101;
   position:absolute; bottom:10vh; 
   width:99%;
   margin-left:auto;
   margin-right:auto;
   text-align:center;
   font-size:1.0em;
   color:#9e7d51;
}

    
    
    }






          @media (max-width: 800px) {
  .flex-header {
   
  }
}
 
@media screen and (min-width: 810px) and (max-width: 1176px) {
  .flex-header {
    
    height:18vh;
  }
}

@media screen and (min-width: 1180px) and (max-width: 1280px) {
  .flex-header {
    height:15vh;
  }
}
@media screen and (min-width: 1290px) and (max-width: 1366px) {
  .flex-header {
    height:15vh;
  }
}
@media screen and (min-width: 1370px) and (max-width: 1600px) {
  .flex-header {
    height:15vh;
  }
}
@media screen and (min-width: 1610px) and (max-width: 1798px) {
  .flex-header {
    height:15vh;
  }
}
@media screen and (min-width: 1610px) and (max-width: 1920px) {
  .flex-header {
    height:11vh;
  }
}

@media screen and (min-width: 1930px) and (max-width: 2560px) {
  .flex-header {
   height:9vh; 
  }
}

@media (max-width: 800px) 
  .flex-header {
    flex-direction: column;
  }