.container {
   
    max-width:1000px;
    margin-top:100px;
    margin-right:auto;
    margin-bottom:200px;
    margin-left:auto;
    display:grid;
    grid-gap: 10px;
    grid-template-columns: 200px minmax(0,1fr);
}

img {
    max-width:100%;
    height:auto;
}


header,nav,main,footer {
    border: #816C61 2px solid 
  
}

header{
    grid-row:1/2;
    grid-column:1/3;
    padding-left:20px;
    background-color:#E7DFC6;
}
.headerimg{
    float:right;
    padding-right: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
}
nav {
    grid-row:2/3;
    grid-column: 1/2;
    height:max-content;
    background-color: #E7DFC6;
    text-align:center;
}

main{
    grid-row:2/3;
    grid-column:2/3;
    height:max-content;
    padding-left:20px;
    background-color: #E7DFC6;
    height:650px;
    overflow-y:auto;
    scrollbar-width:thin;
}

footer{
    grid-row:3/4;
    grid-column:1/3;
    padding-left:20px;
    background-color: #E7DFC6;
}

body {
    color:#185579;
    background: url('../images/SD175.JPG') no-repeat center/cover;
    min-height:400px;
}
.navbutton{
    display:inline-block;
    cursor:pointer;
    padding:10px 20px;
    text-decoration:none;
    background-color:#E9F1F7;
    color:#185579;
    font-weight:bold;
    border-radius: 0px;
    transition: background-color 0.2s ease;
    margin-bottom:12px;
    width:70px;
}
.navbutton:hover{
    background-color:#dae2e7;
}
.navlist{
    list-style-type:none;
    padding:0;
    margin:0;
}