Wie kann Media Query überschreibung

[liebewinter]

ich habe noch etwas vergese zu sagen… Auf meine Media Query habe auch -ms-grid for Desktop windows gebaut... , der Code..

@media only screen and (min-width: 64em) and (max-width: 80em) {  
    body {
 
       display: grid;
       display: -ms-grid; 
       background-color: #ebf5d7;
       grid-row-gap: 5px;
       grid-template-columns: 8% 74% 18%;
       grid-template-areas:

         "header   header    header"
         "nav      nav          nav"
         "linkBox  main     infoBox"
         "footer   footer   footer";
     
       -ms-grid-columns: 8% 74% 18%;
       -ms-grid-row:  120px 80px 103px 200px 110px 90px; 
       -ms-grid-gap: 5px;
    }
    
}    
    

body > header {
	grid-area: header;
	-ms-grid-column: 1;
    -ms-grid-column-span: 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;

  background-image: url("Bilder/view.png");
  background-repeat: no-repeat;
  padding: 60px;
 
    
}

body > nav {
	grid-area: nav;
	-ms-grid-column: 1/3;
    -ms-grid-column-span: 3;
    -ms-grid-row: 2;

   background-color: #d2f5c4;
   margin: 1px;

}

body > #externalLinks {
	grid-area: linkBox;
	-ms-grid-column: 1;
    -ms-grid-row: 3;
    -ms-grid-row-span: 5;
    grid-template-columns: 1;
    grid-template-rows: 3/4;
    margin: 1px;
    background-color:  #d2f3c6;
	
}
body > main {
	grid-area: main;
	display: block; 
    -ms-grid-column: 2; 
    -ms-grid-row: 3;
    -ms-grid-row-span: 3;
    margin: 1px;

   background-color: #eaf6e5;
}

body > #furtherInformation {
	grid-area: infoBox;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 3;
   
    margin: 1px;
    background-color: #d2f3c6;    
}

body > footer {
	grid-area: footer;
	-ms-grid-column: 1;
    -ms-grid-column-span: 3;
    -ms-grid-row: 6;
    -ms-grid-row-span: 6;
    
    background-color: #99ee7a;

}