@font-face {
    font-family: Bodoni-roman;
    src: url(/css/font/BodoniFLF-Roman.ttf);
}

@font-face {
    font-family: Forum;
    src: url(/css/font/Forum-Regular.ttf);
}

body {
    background-color: #F8F4EF;
    color: #553504;
    font-family: Forum;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Bodoni-roman;
}

/* Header */

header nav {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    text-align: center;
}

header nav img {
    width: 75%;
    margin: auto;
}

header nav a {
    margin: auto auto;
    color: #553504;
    text-decoration: none;
    font-size: 28pt;
}

header hr {
    color: #553504;
}

/* Footer */

footer {
    display: grid;
    grid-template-columns: 33% 33% 33%;
}

/* Text containers */
.text-container {
    display: grid;
    grid-template-columns: 45% 45%;
    width: 75%;
    margin: 0 auto;
    grid-column-gap: 10%;
    margin-bottom: 2%;
}

.text-container img {
    margin: auto;
    width: 100%;
}

/* Image left */
.text-container-image-left > img {
    grid-column: 1;
    grid-row: 1;
}

.text-container-image-left > .text-container-child {
    grid-column: 2;
    grid-row: 1;
}

/* Image right */
.text-container-image-right > img {
    grid-column: 2;
    grid-row: 1;
}

.text-container-image-right > .text-container-child {
    grid-column: 1;
    grid-row: 1;
}