nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.grid-container {
    display: grid;
    grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0, 175px)) minmax(0px, 1fr);
  }
nav a {
    text-decoration: none;
    color: black;
    font-family: Arial, sans-serif;
    font-size: larger;
    padding: 2%;
    padding-left: 3%;
}
nav h1{
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: xx-large;
}
#lt {
    width: 140px;
}
#shop{
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
}
.flex-container{
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
}
#mainlogo{
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
}
footer{
    background-color: black;
    display: block;
    height: 100px;
    width: 100%;
}
@media only screen and (max-width: 992px) { 
#wrapper{
    grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0, 150px)) minmax(0px, 1fr);
    display: grid;
    grid-auto-rows: minmax(0,auto);
    }
#top {
    background-color: white;
    grid-row: 1/2;
    grid-column: 1/-1;
    }
#shop {
    background-color: white;
    grid-row: 2/3;
    grid-column: 1/-1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    }
#bottom {
    background-color: white;
    grid-row: 3/4;
    grid-column: 2/-2;
    }
img {
    width: 100%;
    height: auto;
      }
}
@media only screen and (max-width: 768px) {
    #wrapper{
        grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0, 150px)) minmax(0px, 1fr);
        display: grid;
        grid-auto-rows: minmax(0,auto);
        }
    #top {
        background-color: white;
        grid-row: 1/2;
        grid-column: 1/-1;
        }
    #shop {
        background-color: white;
        grid-row: 2/3;
        grid-column: 1/-1;
        display: flex;
        justify-content: center;
        flex-direction: column;
        }
    #bottom {
        background-color: white;
        align-items: center;
        grid-row: 3/4;
        grid-column: 2/-2;
        position: relative;
        }
    img {
        width: 100%;
        height: auto;
          }
    }
    #lt {
        display: none;
    }