body {
    height: 100%;
    margin: 25px;
    min-height: 100vh; 
    display: flex;
    flex-direction: column;
}

a:hover {
    color: #CD5819; 
}

#contactbg {
    float: right;
}

.flex-container {
    flex-direction:column;
}

header {
    background-color: #C8B6AD;
}

footer {
    clear:both;
}

input[type=text]:focus {
   background-color: #C8B6AD;  
}

#mail {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 24pt;
    font-weight: bold;
}

#mail {
    border: 8px;
    border-color: #41B0F6;
    border-style: ridge;
    margin:auto;
    padding: 1in;
}

#list span {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 36pt;
    font-weight: bold;
}

#list {
    width: 400px;
    display: inline-block;
    text-align: left;
    margin-right: 8px;
    margin: auto;
    padding: 0.5in;
    border: 8px;
    background-color: #41B0F6;
}

input[type=text], select {
   width: 350px;
   padding: 10px;
   margin: 6px 0;
   border: 1px solid #aaa;
   border-radius: 4px;
}

input[type=submit] {
   width: 200px;
   background-color: #C8B6AD;
   padding: 15px;
   margin: 10px 0;
   border: none;
   border-radius: 4px;
   cursor: pointer;
}

input[type=submit]:hover {
   color: white;
   background-color: #CD5819;
}

#nav a {
    text-decoration: none;
}

#navlogo {
    width: 100px;
}

nav ul {
    list-style: none;
}

nav li {
    text-decoration: none;
    font-size: 24pt;
    font-family: Courier, sans-serif;
    display: inline-block;
    padding: 16px;
}