@media screen and (min-width: 1025px){
.big-container{
    display:grid;
    grid-template-columns: repeat(12,1fr); /* 3 colsame thing auto auto auto;*/
   row-gap:5px;
}
#header1{
 background-color:#8ebf42; 
 grid-row: 1/span 1;
 grid-column:1/4;   
}
#imTitle{
    padding-left: 20px;
    padding-top: 20px;
    width:40%;
}
#defTitel{
 grid-row: 1/span 1;
 grid-column:4/10;     
 background-color:#8ebf42; 
 color:white;
 padding-top: 30px;
 text-align: center;
 font-style: italic;
}
#defPara{
    font-size: 30px;
   
}
.header2{
  grid-row: 1/ span 1;
  grid-column:10/13;
  text-align: right;
  background-color:#8ebf42;  
  padding-top:10px;
}
#headerBotton{
     display:none;
  background-color:black;   
  border: none;
  color: white;
  width: 150px;
  border-color: white;
 border: 1px solid #dadada;
padding: 10px;
margin-top: 30px;
margin-right: 20px;
}
#divBrand{
  grid-column:1/4;
   
    color: white;   
 background-color:#454343;     
}
.brand{
    text-align: left;
    padding-left:20px;
     padding-top:20px;
    font-size: 30px;
 }
.navService{
    grid-column:4/13;;
    text-align: right;
    box-sizing: border-box;
    padding-top:5px;
    cursor:pointer;
    color: white;
     background-color:#454343;
    display:block; /*Humberger menu hidden*/  
}
.navService a{
    color: white;
    text-decoration: none;/*n0 underline*/
    font-size: 20px;   
}
.navService>ul>li:hover{
     background-color:#dadada;
}
nav{
    background-color:#f0b71a;
    grid-column:1/13;;
    text-align: left;
    align-self: stretch;
    height:11vh;
    font-weight: bold;   
}
ul{
    overflow:hidden;
    color: black;
    padding:0;
    margin:0;
    transition: max-height 0.1s;
}
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;
}
#anglais{
    color:#044BF9;
}
#dicLabel{
    grid-row:4/span 1;
    grid-column:1/13;; 
      background-color:#000066; 
     text-align: center;
     height:70px;
}
#dicForm{
   grid-row:5/span 1;
   grid-column:1/13;;  
   
     background-color:#000066; 
   text-align: center;
    height:80px;
}
#dicRespons{
   grid-row:6/span 1;
   grid-column:1/13;; 
     
}
label{
 font-size:200%;
 background-color: white;
 text-align: left;
}
#wordName{
     margin-bottom:1.5em;  
     width: 70%;
     height:50px; 
     font-size:100%;
      border-radius: 25px;   
}
#reponse{
    
    font-size:200%;
    background-color: white;
    text-align: left;
    grid-row:7/9;;
   
}
#dicP{
   padding: 0.01em;
    color:white;
    font-size:210%;
   
}
#form1{
  
}
#dicDiv{
    background-color:#2e5270;
    
    text-align: center;
    display: flex;
  flex-direction: column;
}
footer{
 grid-row:7/span 1;
 grid-column:1/13;;    
  background-color: black;
   color:white;
   text-align:center;
}
 }