@media only screen and (max-width : 800px) 
{
    
    body
    {
        background-color: lightblue;
    }
    
    .grid-container
    {
        display: grid;
        grid-template-columns: 100%;
    }
    
    #header
    {
        grid-row: 1;
        grid-column: 1;
    }
    
    #secAA
    {
        grid-row: 2;
        grid-column: 1;
    }
    
    #secAB
    {
        grid-row: 3;
        grid-column: 1;
    }
    
    #secAAA
    {
        grid-row: 5;
        grid-column: 1;
    }
    
    #secAAB
    {
        grid-row: 4;
        grid-column: 1;
    }
    
    #secBA
    {
        grid-row: 6;
        grid-column: 1;
    }
    
    #secCA
    {
        padding:0; 
        margin:0;
        grid-row: 7;
        grid-column: 1;
    }
    
    #secCB
    {
        grid-row: 8;
        grid-column: 1;
    }
    
    #secDA
    {
        grid-row: 9;
        grid-column: 1;
    }
    
    #secEA
    {
        grid-row: 10;
        grid-column: 1;
    }
    
    #secEB
    {
        grid-row: 11;
        grid-column: 1;
    }
    
    #secFA
    {
        height:auto;
        grid-row: 12;
        grid-column: 1;
    }
    
     
    #secFB
    {
        grid-row: 13;
        grid-column: 1;
    }
     
    #secGA
    {
        grid-row: 14;
        grid-column: 1;
    }
     #secGGA
    {
        grid-row: 15;
        grid-column: 1;
    }
    
     
    #footer
    {
        grid-row: 16;
        grid-column: 1;
    }    
    #items
    {
        width: 100%;
        display: block;
    }