@media screen and (min-width: 1025px) {

nav{
  position: sticky;
  top: 0;
}
.big-container{
display:grid;
grid-template-columns: repeat(12,1fr); 
padding-left:20px;;
padding-right:20px;;
row-gap:0.1rem;
}
#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;
}
#span1{
    color:black;
    font-size: 0.5em;
    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;
    height:60px;;
}
#header3{
 grid-row: 3/span 1;
 grid-column:1/13; 
 background-color:#8ebf42; 
 text-align: center;
 height:15vh;;
}
.headerBrand3{
    font-size: 30px;
    color: white;       
    font-family:Apple Chancery;    
 }
 #navDiv{
  grid-row:4/span 2;  
  grid-column:1/4;   
  
  display: flex;
  /*flex-direction: row | row-reverse | column | column-reverse*/
  flex-direction: column;
  gap: 10px;
 }
 #navDiv>ul{
    overflow:hidden;
    color: white;
    padding:0;
    margin:0;
    transition: max-height 0.1s;
    background-color:#f0b71a;
 }
 #navDiv>ul>li{
  border-bottom: 1px solid white;
  padding-top: 20px;
  
 }
 #navDiv>ul>li:hover{
     background-color:#dadada;
 }
 #navDiv>ul>li>a{
    color: white;
    text-decoration: none;/*n0 underline*/ 
    
    padding-left: 20px;
    font-size: 20px;
 }
 #anglais{
     color:black;
 }


 #midPanel{
  grid-row:4;  
  grid-column:4/10;    
  background-color: black;
 }
  iframe{
     width:750px;
     height:1200px; 
     border:none;
   
 }
 #titleMessage{
   font-size: 46px;  
   font-weight: bold;  
   padding-bottom:10px;
   padding-top:10px;
   padding-left:90px;
 }
 #titleMessage2{
   font-size: 25px;  
   
   
 }
 #midMessage{
     padding-bottom:10px;
     padding-top:10px;
     padding-left:10px;
     padding-right:20px;
     color: black;
 }
 #imageDiv{
  grid-row:4/span 2;  
  grid-column:11/13;   
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px;
  text-align: center;
  
  
 }
 #image1{
   margin: 5px;
  /*background: yellow;*/
 }
 #imageG{
  border-radius: 2px;
  width: 150px;
  height: 200px;
  
  text-align: center;
   
 }
 
  #articleDiv1{
  
 background-image: url("../picsMashadka/water.jpg");
 
 }
 #articleDiv2{
  
 background-image: url("../picsMashadka/stone2.gif");
 
 }
 #articleName>a{
     font-size: 15px;
     font-weight: bold;
     text-align: center;   
     color:black;
     text-decoration: none;
 }
 #author{
   font-size: 10px;  
   font-family: cursive;
   
 }
 
 #credits{
  grid-row:6/span 1;  
  grid-column:5/9;  
  
  }

  #archiveDiv{
    background-color:#edf2ff;   
    text-align: center;
    font-size: 40px; 
 }

 #archiveDiv>p>a{
  text-decoration: none;
 }
 #archive>p>a{
   color:white;   
    text-decoration: none;
    font-size: 20px; 
 }
#imLogo{
 grid-row:7/span 1;  
 grid-column:1/4;
}
footer{
   grid-row:8/span 1; 
   grid-column:1/13; 
   background-color: black;
   color:white;
   text-align:center;
}


}