*, *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { margin: 0; color: #040504; background-color: #26674C; font-family: "Open Sans", sans-serif; font-size: 1.1em; line-height: 1.6; -webkit-font-smoothing: antialiased; height: 100vh; display: flex; flex-direction: column; }

main { flex-grow: 1; clear: both; background-color: white; padding-top: 10px; padding-bottom: 10px; padding-right: 30px; padding-left: 30px; width: 100%; max-width: 100%; margin: 0 auto; }

main a { color: #007747; }

main iframe { max-width: 100%; }

main img { max-width: 100%; display: block; margin-left: auto; margin-right: auto; }

@media screen and (min-width: 1100px) { main .center { display: block; margin-left: auto; margin-right: auto; } main .float-left { float: left; margin-right: 1em; } main .float-right { float: right; margin-left: 1em; } }

@media screen and (min-width: 1100px) { main { width: 66vw; max-width: 66vw; } }

.gallery-index { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-evenly; align-content: baseline; }

.gallery-wrapper { display: flex; justify-content: flex-end; flex-direction: column; width: 25em; text-align: center; padding: 1em 0 4em 0; }

.gallery-best-image { max-height: 20em; max-width: 20em; }

/* Header and Navbar */
header { background-color: #C1C1C1; clear: both; margin: 0; }

header .flexbox { display: flex; align-content: center; margin: 0; flex-wrap: wrap; }

header nav { flex-grow: 1; display: inline-flex; justify-content: flex-end; flex-direction: column; }

header nav div.page { display: none; align-items: center; align-content: stretch; height: 100%; padding-right: 10px; padding-left: 10px; }

header nav div.page a { display: flex; align-items: center; height: 100%; color: #040504; font-size: 14pt; font-weight: bold; text-decoration: none; width: 100%; }

header nav div.page:hover, header nav div.page.current { background-color: #4F8573; }

header nav div.page.show { display: flex; }

header nav div.burger { display: flex; flex-grow: 1; flex-direction: column; align-items: flex-end; justify-content: center; margin: 16px; /* Rotate first bar */ /* Fade out the second bar */ /* Rotate last bar */ }

header nav div.burger div { display: block; width: 35px; height: 5px; background-color: black; margin: 6px 0; transition: 0s; }

header nav div.burger .change .bar1 { -webkit-transform: rotate(-45deg) translate(-7px, 6px); transform: rotate(-45deg) translate(-9px, 6px); }

header nav div.burger .change .bar2 { opacity: 0; }

header nav div.burger .change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(45deg) translate(-8px, -8px); }

@media screen and (min-width: 1100px) { header nav { flex-direction: row; } header nav div.page { display: flex; } header nav div.burger { display: none; } }

header .logo { margin: auto; padding-top: 10px; padding-left: 5px; text-align: center; flex-grow: 1; }

footer { margin: 0; display: flex; justify-content: flex-end; background-color: #C1C1C1; }

footer .footer-link { margin: 0 10px; }

footer .footer-link a { text-decoration: none; color: #040504; font-size: 12pt; }

/*# sourceMappingURL=main.css.map */