body {
    width: 95%;
}

header {
    width: 100%;
    grid-template-areas: "name-header" "nav-header";
    grid-template-columns: auto;
    position:static;
}

.header-title {
    font-size: 60%;
}

nav {
    grid-template-areas: "home" "experience" "portfolio" "contact";
    grid-template-columns: auto;
    width: 100%;
    align-content: center;
    font-size: 75%;
}

nav a {
    padding-bottom: .5em;
}

.p-greeting {
    font-weight: bold;
}

.pdf {
    max-height: 30em;
    max-width: 99%;
}

.queer {
    max-height: 13em;
}

.left, .right, .center {
    height: auto;
}