* {
    margin: 0;
    padding: 0;
}

nav {
    top: 0;
    position: sticky;
    background-color: #795e2f;
    height: 90px;
    font-weight: bold;
    grid-row: 2 / 3;
    grid-column: 1 / -1;
}

nav a {
    display: block;
    text-align: center;
    padding: 1.5rem 10.9rem;
    font-size: 30px;
    color: #e6ccb1;
    grid-column: 1 / -1;
}

nav a:hover {
    background-color: #775235;
}

nav ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-flow: row nowrap;
}

main {
    grid-row: 3 / 4;
    grid-column: 1 / -1;
}

footer {
    background-color:#795e2f;
    color:#e6ccb1;
    padding: 1.2rem;
    font-size: 40px;
    text-align: center;
    height: 50px;
    grid-row: 4 / 5;
    grid-column: 1 / -1;
}

#wrapper {
    display:grid;
    grid-auto-rows:minmax(0px, auto);
    grid-template-columns:minmax(0px, 1fr) repeat(6, minmax(0, 175px)) minmax(0px, 1fr);
}

#pltop {
    background-image:
    url("images/plborder3.png");
    height:346px;
    background-repeat: no-repeat;
    background-size: cover;
    grid-row: 1 / 2;
    grid-column: 1 / -1;
}

#plbackground {
    background-image:
    url("images/pl4.png");
    height:1200px;
    background-repeat: no-repeat;
    background-size: cover;
    grid-row: 3 / 4;
    grid-column: 1 / -1;
}

@media only screen and (min-width: 1930px) {
    nav {
        height: 100px;
    }
    
    nav a {
        padding: 1.5rem 15.2rem;
        font-size: 36px;
    }

    footer {
        height: 55px;
        font-size: 46px;
    }

    #pltop {
        height: 462px;
    }
 
    #plbackground {
        height:1600px;
    }
}

@media only screen and (max-width: 992px) {
    nav {
        height: 80px;
    }
    
    nav a {
        padding: 1.5rem 4.85rem;
        font-size: 22px;
    }

    footer {
        height: 40px;
        font-size: 32px;
    }
    
    #wrapper {
        grid-template-columns:minmax(0px, 1fr) repeat(6, minmax(0, 150px)) minmax(0px, 1fr);
    }

    #pltop {
        height: 182px;
    }

    #plbackground {
        height: 614px;
    }
}

@media only screen and (max-width: 768px) {
    nav {
        height: 80px;
    }
    
    nav a {
        padding: 1.5rem 3.39rem;
        font-size: 20px;
    }

    footer {
        height: 38px;
        font-size: 29px;
    }
    
    #wrapper {
        grid-template-columns:minmax(0px, 1fr) repeat(6, minmax(0, 140px)) minmax(0px, 1fr);
    }

    #pltop {
        height: 152px;
    }

    #plbackground {
        height: 490px;
    }
}

@media only screen and (max-width: 548px) {
    nav {
        height: auto;
    }
    
    nav a {
        padding: 1.5rem 1.7rem;
        font-size: 16px;
    }

    nav ul {
        flex-flow: column nowrap;
    }

    footer {
        height: 44px;
        font-size: 28px;
    }
    
    #wrapper {
        grid-template-columns:minmax(0px, 1fr) repeat(6, minmax(0, 120px)) minmax(0px, 1fr);
    }

    #pltop {
        height: 100px;
    }

    #plbackground {
        height: 350px;
    }
}

@media only screen and (max-width: 458px) {
    nav {
         height: auto;
    }
        
    nav a {
        padding: 1.5rem 1.5rem;
        font-size: 15px;
    }

    nav ul {
        flex-flow: column nowrap;
    }

    footer {
        height: 38px;
        font-size: 26px;
    }
        
    #wrapper {
        grid-template-columns:minmax(0px, 1fr) repeat(6, minmax(0, 120px)) minmax(0px, 1fr);
    }
    
    #pltop {
        height: 80px;
    }
    
    #plbackground {
        height: 280px;
    }
}