@media screen and (min-width: 1025px) {
.big-container{
    display:grid;
    grid-template-columns: repeat(12,1fr); /* 3 colsame thing auto auto auto;*/
    row-gap:0.05rem;
}
/*header{
  grid-row: 3/span 1;  
}*/
#header1{
 background-color:#8ebf42; 
 grid-row: 1/span 1;
 grid-column:1/4;   
 text-align: left;
 color: white;
}
#imTitle{
    padding-left: 20px;
    padding-top: 20px;
    width:40%;
}
#defTitel{
 grid-row: 1/span 1;
 grid-column:4/10;     
 background-color:#8ebf42;
 padding-top: 30px;

 font-style: italic;
}
#defPara{
    font-size: 30px;
    color:white;
}
.header2{
  grid-row: 1/ span 1;
  grid-column:10/13;
   text-align: right;
 background-color:#8ebf42;  
padding-top:30px; 
}
#headerBotton{
     display:none;
    background-color:black;   
  border: none;
  color: white;
  width: 150px;
  border-color: white;
 border: 1px solid #dadada;
padding:10px;
margin-top: 10px;
margin-right: 20px;
}
#span1{
    color:black;
    font-size: 0.6em;
    font-style: italic;
}
#span2{
    color:white;
    font-size: 1em;
    font-style: italic;
}
#contactStripe{
    grid-row: 2/span 1;
    grid-column:1/13;
    background-color:black;
    color:white;
    text-align:center;
}
.text-left{
  position: absolute;
  top: 1px;
  left: 1px;
  color: white;       
  font-family:Apple Chancery;    
  font-size: 30px;
  padding-left: 10px;
 }
 #headerLink{
    background-color:#3E3B39;  
 }
 #brandOut{
      grid-row: 3/span 1;
      grid-column:1/4;;
    padding-left:10px;
    color: white;       
   background-color:#3E3B39;   
    height:8vh;
    
 }
.brand{
   margin: 10px;
   text-align: left;
  
   
    }
.navService{
    grid-row: 3/span 1;
    grid-column:4/13;;
    text-align: center;
    cursor:pointer;
    color: white;
   background-color:#3E3B39;  
      height:8vh;
      
}
#UL1{
  
  
}
.navService>ul>li{
  display:inline-block; /*make it horizontal*/
   
    padding-bottom:20px;
    padding-left:100px;
}

.navService a{
    color: white;
    text-decoration: none;/*n0 underline*/
    font-size: 20px;   
}
.navService>ul{
    text-align: center;
}
.navService>ul>li:hover{
   background-color:#dadada;
}
nav{
    background-color:#f0b71a;
    grid-row: 5/span 1;
   
    grid-column:1/13;;
    text-align: left;
    align-self: stretch;
    height:8vh;
    font-weight: bold;   
    padding-bottom: 20px;
}
nav>ul{
    overflow:hidden;
    color: white;
    padding:0;
    margin:0;
    transition: max-height 0.1s;
}
nav>ul>li{
    display:inline-block; /*make it horizontal*/
    padding:20px;
}
a{
    color: white;
    text-decoration: none;/*n0 underline*/
    font-size: 20px;
     
}
li:hover{
    background-color:#dadada;
}
.leftpanel1{ 
  grid-column:1/5;  
  grid-row: 6/span 1;
  width: 100%;
  background-color:#7291c2;
  border-radius: 25px;
  margin-top: 10px;
  
}
#anglais{
   color:#044BF9;
}
#leftPanel2{
  grid-column:1/5;  
  grid-row: 7 / span 1;
  width: 100%;
  margin-top: 10px;
}

label{
     background:white;
     border-radius: 25px;
     width: 100px;
}
#submitBtn{
    width: 80%;;
    border-radius: 25px;
}
#actual-btnL{
    width: 80%;;
    display:inline-block;
    border-radius: 25px;
}

#maansoId{
    background:green;
    width:200px;  
    font-size: 14px;
    background:#edf2ff; 
    font-family: sans-serif;
    border:none;
}


#leftTableDiv{
   grid-column:5/9;
   grid-row:6/span 6;
   margin-top: 10px;
}
#rightTableDiv{ 
    grid-column:9/13; 
    grid-row:6/span 2;  
    text-align: center;
    margin-top: 10px;
}
#letterSummaryDiv{
 grid-column:1/5; 
 grid-row:8/span 1;      
 margin-top: 10px;
    
}

#captionTB1{
   font-weight: bold;
    background-color:#000080;
    color:white; 
}
#captionTB2{
   color:red;
   font-size: 1em;
   font-weight: bold;  
   background-color:#000080;
   color:white;
   
}
#tableSummary{
   background-color:#000080;
   color:white;
   border: 1px solid;
   width: 100% ; 
   text-align: left;  
   font-family: Book Antiqua;
}
#tableSummary th{
   border: 1px solid #999;
  
}
#tableSummary  td{
   border: 2px solid #999; 
}
#myInput{
  
    width: 400px;
    background: yellow;
    border-style:solid; border-color:#FF0000;
}
#tableResult{
  border-width: 35px;
  width: 100% ; 
  font-size: 1em;
}
#tableResult th{
  border: 1px solid #999;
  padding: 0.5rem;
  background:#edf2ff; 
}
#tableResult td{
  border: 0.2px solid #999;
  padding: 0.5rem;
  
}
#fileTable {
  padding: 1rem;
  text-align: center;
  width:100%;
}
#fileTable td{
  border: 1px solid #999;
  padding-left: 0.5rem;
 
  
}
#fileTable th{
  border: 1px solid #999;
  padding-left: 0.5rem;
  
}
#tableLetter{
 width: 100% ;
}
#tableLetter th{
  border: 1px solid #999;
  background-color:white;

}
#tableLetter td{
  border: 1px solid #999;
  padding: 0.5rem;
   background:#f7bcc7;
}
#letterSummarTable{
   background-color:#000080;
   color:white;
   border: 1px solid;
   width: 100% ; 
   text-align: left;  
   font-family: Book Antiqua;
   
}
#letterSummarTable th{
   border: 1px solid #999;
  
}
#letterSummarTable td{
   border: 2px solid #999;
}

 #credits{
  grid-row:12;  
  grid-column:5/9;  
  padding-top: 30px;
  
  }
#imLogo{
 grid-row:12;  
 grid-column:1/4;
}
footer{
   grid-row:13/span 1; 
   grid-column:1/13; 
   background-color: black;
   color:white;
   text-align:center;
}
#messLabel2{
display:none;
background-color: yellow;  
}
    
}