html {
    font-size: 16px;
}
body {
    margin: 0 auto;
    text-align: center;
    font-size: calc(1rem + 6 * ((100vw - 320px) / 680));
}
#container {
    max-width:960px;
    margin:  0 auto;
    display: grid;
    grid-template-columns: 1fr;
    /* grid-template-rows: 1fr 4fr 1fr; */
    grid-template-rows: 100px auto 50px;
    place-items: center;
}

header {
    width: 100%;
    /* height: 100px; */
    display: grid;
}

header > nav {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    font-size: 1.2em;
    /* font-size: clamp(1.2em, 1em + 2vw, 2em) */
    
    
    
}



#navLinks {
    display: grid;
    grid-column: 2/end;
    list-style-type: none;
    /* grid-template-columns: repeat(4, 1fr); */
    grid-template-columns: repeat(auto-fit, minmax(30px, 1fr));
    place-items: center;
}
#navLinks li a {
    text-decoration: none;
    color: black;
    transition: color 0.3s ease;
    
}

#navLinks li a:hover {
    color: blue;

}

main {
    width: 100%;
    min-height: 500px;
    display: grid;
    grid-auto-rows: minmax(400px, auto);
    justify-items: center;

}
footer {
    width: 100%;
}

#applyButton {
    align-self: center;
    width: 100px;
    border: 1px solid;
}

#enhanceCompanyListing {
    display: grid;
    place-items: center;
    /* width: 200px; */
    /* height: 50px; */
    background-color: blue;
    color: white;
    font-size: 1.2em;
    border: none;
    border-radius: 10px;
    padding: 5px;
    cursor: pointer;
}

#companyListHeader > a {
    text-decoration: none;
}

#companyListHeader {
    display: grid;
    place-items: center;
    grid-template-rows: 1fr 1fr;
}