@media screen and (max-width: 414px) {
    /*414 x 732 PX*/
.main-container{
        display: grid;
       grid-template-columns: auto;
        place-items: center;
        padding-left:10px;
        row-gap:5px;
       grid-template-areas:
       "first"
       "navPara"
       "navUl"
       "midPanel";
      
       
          }
#header1{
    grid-area: 1;
    background:#8ebf42;
    text-align: center;
}
 #imTitle{
width:60%;
heigth:60%;
padding-top: 10px;
 }
 #imTitle{
    width:150px;
   
}
#defTitel{
    display:none;
}
#headerBotton{
    display:none; 
}
#header3{
    display:none; 
}
#contactStripe{
     display:none; 
}
#navPara{
 grid-area:2; 
 text-align: center;
 font-weight: bold;
 font-size: 30px;
 font-family: "Times New Roman", Times, serif;
 color:#02145a;
 height:30px;
}
#navUl{
    grid-area:3;
    background:#02145a;;
   
}
#navUl ul{  
     list-style-type: none;
     text-align: left;
     padding-left:15px;
      background-color:#f0b71a;
   

    
}
#navUl ul li{  
     padding: 5px ; 
  border-bottom: 1px solid #ddd;     
}
#navUl ul li a{
    text-decoration: none;
     color: white;
}
#midPanel{
     grid-area:midPanel;
}
#myTable{
 border:0.05px ;
 background:white;
 border: solid 0.05em;
 background-color:#f8e2bc;
 width:100%;
  
}
#myTable tbody tr th {
  background:black;
  color: white;
  top: 0;
  padding: 5px;
  word-wrap: break-word;
}
#myTable  th, td {
  text-align:center;
   border:1px solid black;
  padding:1px;
  white-space: normal
 
             
 }
 tr:nth-child(even) {background-color: #f2f2f2;}
 #number{
      DISPLAY:NONE;
 }
 #articleName>a{
     font-size: 15px;
     text-align: center;   
     color:black;
     text-decoration: none;  
      
 } 
 #articleName>a:hover {
     color: #8ebf42;
 }
 #authorHide{
   display:none;
   
 }
}