body{
    background-color: #730e20;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    margin:1em 3em;
    
}
header{
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    border: 3px solid #f2cf8d;
    margin-top: 0;
}


.logo{
    width:5em;
    margin:0;
}

h1{
    color:#febf35;

    text-align: left;
    padding:0.5em;
    margin:0;
    font-family:'Times New Roman', Times, serif;
    font-weight: 300;
    font-size: 2.5rem;
   
}

h2, h3{
    font-weight: 200;
}

nav{
    display:flex;
    flex-direction: row;
    float: right;
    /*background-color:#f2cf8d;*/
    margin:1em 2em;
    padding:0.35em;
}



nav a{
    background-color:#025273;
    background-color: #f2cf8d;
    color: #730e20;
    text-decoration: none;
    font-size:1.25rem;
    font-weight: 200;
    padding:0.35em 1.7em;
    margin:0.25em 0.5em;
    border: white 2px outset;
}

a:hover {
    background-color: rgb(242, 235, 235);

    background-color:#FFEDC0;
    color:#febf35;
    color: #730e20;
}

main{

    background-color: #f2cf8d;
    background-color:#FFEDC0;
    color:#730e20;
    margin:1.5em auto;
    padding: 1.5em;
    max-width:80%;
    display:flex;
    flex-direction: row;    
    border: 2px ridge #f2cf8d;
    border: 4px ridge #a67d03;
}

.column {
    max-width: 40%;
    margin: 3em;
}

h2{
    text-align: center;
    color: #730e20;
    font-weight: 600;
}

img,ul  {
    margin:2em;
}

ul{
    font-size:1.25rem;
}

img{
    max-width:45%;
    max-height:70%;
}