@media screen and (min-width: 1025px){
.big-container{
    display:grid;
    grid-template-columns: repeat(12,1fr); /* 3 colsame thing auto auto auto;*/
    row-gap:10px;
    column-gap:0.20rem;;
}
#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;
}
#contactStripe{
    grid-row: 2/span 1;
    grid-column:1/13;
    background-color:black;
    color:white;
    text-align:center;
}

#navPara{
  grid-row: 3/span 1;
  grid-column:1/5;
  text-align: left;
  color: white;  
 font-size: 1.5em;
  background-color:#3E3B39;  
  height:11vh;
  font-weight: bold;   
  padding-left: 10px;
  
  
 
}
#navUl{
 grid-row: 3/span 1;
 grid-column:5/13;
 background-color:#3E3B39;  
 height:11vh;
 font-weight: bold;   
 
 
}
ul{
    overflow:hidden;
 
  margin-bottom: 10px;
   text-align: center;
   /* list-style: inside;*/
    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;
     
}
a:hover{color:#8ebf42;}

#midPanel{
 grid-row:4;
 grid-column:3/11;   
 text-align: center;
 
}
#myTable{
  text-align: center;
  position: relative;
  border-collapse: collapse; 
  background-color: #c9cad4;
  width:800px;
  margin-left: 50px;
  border-spacing: 1cm 2em;
  border: 1px solid orange;
}
#myTable tbody tr th {
  background:black;
  color: white;
  
  top: 0;
  padding: 10px;
}
#myTable  th, td {
 
  text-align:center;
   border:1px solid black;
  padding:5px
             
 }
 tr:nth-child(even) {background-color: #f2f2f2;}
 #number{
      width:50px;
     
 }
 #articleName>a{
     font-size: 15px;
     font-weight: bold;
     text-align: center;   
     color:black;
     text-decoration: none;
 } 
 #articleName>a:hover {
     color: #8ebf42;
 }
 #author{
   font-size: 10px;  
   font-family: cursive;
   
 }
 }