/* Navigation */
nav{
    display: block;
    background: linear-gradient(0deg, rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 1) 100%);
    color: black;
    font-size: 12pt;
    font-family: Arial, Helvetica, sans-serif;
    padding: 14px 16px;
    border: 1px solid black;
    border-radius: 8px;
    margin-top: 6px;
    margin-bottom: 6px;
}
nav a{
    color: darkblue;
    text-decoration: underline;
    font-style: italic;
    padding: 14px 16px;

}
nav a:hover{
    background-color: darkgrey;
    color: royalblue;
}

/* Headers */
h1{
    font-size: 30pt;
    font-family: "Times New Roman", serif;
}
h2{
    font-size: 24pt;
}
h3{
    font-size: 16pt;
}

/* Main */
body, head{
    background-color: lightblue;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    color: black;
    padding-right: 50px;
    padding-left: 50px;
}

/* Column Layout */
.twoColumnWrapper{
    display: grid;
    grid-template-columns: 15fr 70fr;
    grid-template-rows: auto;
    grid-template-areas: "sidebar   middle";

}

.sidebar{
    background-color: white;
    border-radius: 10px;
    border: 1px solid black;
    grid-area: sidebar;
    padding: 10px 5px;
    font-size:6pt;
}

.middle{
    background-color: white;
    border-radius: 10px;
    border: 1px solid black;
    grid-area: middle;
    padding: 30px 20px;
    font-size:12pt;
}

table{
    /*margin: auto;*/
    /*text-align: center;*/
}

tr{
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

th{
    font-family: OpenSans;
    font-weight: bold;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

td{
    font-style: italic;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.gallery{
    display: grid;
    grid-template-columns: 400px 400px;
    /*grid-template-rows: 400px 400px 400px;*/
    padding-bottom: 10px;
    margin: 10px;
    background-color: white;
    font-style: italic;
}

.gallery2{
    display: grid;
    grid-template-columns: 250px 250px 250px;
    /*grid-template-rows: 400px 400px 400px;*/
    padding-bottom: 10px;
    margin: 10px;
    background-color: white;
    font-style: italic;
}

/* Footer */
footer{
    font-size: 8pt;
    font-style: italic;
    text-align: center;
}