.wrapper {
    display: grid; 
    grid-template-rows: repeat(38, 30px);
    grid-template-columns: repeat(6, 1fr);
}

header {
    grid-row: 1/3;
    grid-column: 1/6;
    background-color: #C2BE96;
    color: #9E5C47; 
    text-align: center;
    font-family:"Calibri", sans-serif;
    font-size: xx-large;
    line-height: 55px;
}

nav { 
    grid-row: 3/4;
    grid-column: 1/6;
    background-color: #4ca673;
    text-align: center;
    font-family:"Calibri", sans-serif;
}

nav a {
    padding: 7px;
    line-height: 25px;
    text-decoration: none;
    color: #285795;
}

article {
    grid-row: 4/19;
    grid-column: 1/4;
    background-color: #A7CEEA;
    font-family:"Calibri", sans-serif;
    font-size: large;
    padding: 20px; 
}

aside {
    grid-row: 4/19;
    grid-column: 4/6;
    background-color: #B7E3BE;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family:"Calibri", sans-serif;
}

aside img {
    padding: 10px; 
    height: 250px; 
    width: 250px;
}

footer { 
    grid-row: 19/20;
    grid-column: 1/6;
    background-color: #9E5C47;
    text-align: center;
    font-family:"Calibri", sans-serif;
}

@media screen and (max-width: 800px) {

article{
    grid-row: 4/26;
    grid-column: 1/6;
}

aside {
    grid-row: 26/37;
    grid-column: 1/6;
}

footer {
    grid-row: 37/38;
    grid-column: 1/6;
}
}