@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Questrial&display=swap");
* { box-sizing: border-box; }

body { padding: 0; margin: 0; font-family: "Questrial", Helvetica, Arial, sans-serif; font-size: 20px; line-height: 1.5; color: #434b4e; background: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.3)), url("/assets/img/DSC_0150.JPG"); background-repeat: no-repeat; background-size: auto; }

@media screen and (min-width: 64em) { body { background-size: contain; background-position: center -200px; } }

@media screen and (min-width: 42em) and (max-width: 64em) { body { background-size: contain; } }

.wrapper, .media-wrapper { width: clamp(16rem, 90vw, 70rem); margin-left: auto; margin-right: auto; word-break: break-word; }

@media screen and (min-width: 64em) { .wrapper, .media-wrapper { padding: 0 1.5rem; } }

@media screen and (min-width: 42em) and (max-width: 64em) { .wrapper, .media-wrapper { padding: 0 0.5rem; } }

@media screen and (max-width: 42em) { .wrapper, .media-wrapper { padding: 0.1rem; } }

.media-wrapper { text-align: center; }

@media screen and (min-width: 64em) { .media-wrapper img { width: 65%; } }

@media screen and (min-width: 42em) and (max-width: 64em) { .media-wrapper img { width: 85%; } }

@media screen and (max-width: 42em) { .media-wrapper img { width: 95%; } }

.media-wrapper figcaption { color: #9eabb1; font-size: 0.9em; }

#skip-to-content { height: 1px; width: 1px; position: absolute; overflow: hidden; top: -10px; z-index: 100; }

#skip-to-content:focus { position: fixed; top: 10px; left: 10px; height: auto; width: auto; background: #000; outline: #000; }

a { color: #fff; text-decoration: underline; }

a:hover { text-decoration: none; }

.page-header { color: #fff; position: relative; }

.page-header .respond-link { text-align: center; background-color: #d8241e; border-radius: 3px; color: #fff; text-decoration: none; padding: 1em 2em; font-weight: bold; }

.page-header .respond-link:hover { background-color: rgba(239, 167, 88, 0.75); }

.page-header h1 { max-width: 100%; font-size: 3rem; color: #434b4e; text-align: center; }

.page-header h2 { color: #434b4e; font-size: 2rem; font-weight: normal; margin-top: 3.5rem; }

@media screen and (min-width: 64em) { .page-header { padding: 4rem 6rem 8rem; } .page-header h1 { text-align: left; } .page-header h2 { margin-top: auto; } .page-header .wrapper, .page-header .media-wrapper { position: relative; } .page-header .respond-link { position: absolute; top: 0; right: 0; } .page-header .respond-link a { padding: 1em 2em; } }

@media screen and (min-width: 42em) and (max-width: 64em) { .page-header { padding: 3rem 4rem; } .page-header .respond-link { margin-top: -.5em; } }

@media screen and (max-width: 42em) { .page-header { padding: 2rem 1rem; } .page-header .respond-link { margin-top: -.5em; width: 100%; display: block; } }

.page-header .contact-nav { position: absolute; bottom: 0; left: 0; width: 100%; padding: 1.5em 0; background-color: #434b4e; }

.page-header .contact-nav .wrapper, .page-header .contact-nav .media-wrapper { display: flex; justify-content: right; gap: 0.5em; }

.page-header .contact-nav .wrapper a, .page-header .contact-nav .media-wrapper a { text-decoration: none; }

.page-header .contact-nav .wrapper a:hover, .page-header .contact-nav .media-wrapper a:hover { color: #d8241e; }

.main-content { background-color: #fff; }

.main-content h4 { color: #d8241e; }

.main-content blockquote { font-weight: bold; font-size: 2rem; line-height: 1.4; position: relative; margin: 0 4rem; padding: .5rem; }

.main-content blockquote:before, .main-content blockquote:after { position: absolute; font-size: 8rem; width: 4rem; height: 4rem; }

.main-content blockquote:before { content: '“'; left: -5rem; top: -2rem; }

.main-content blockquote:after { content: '”'; right: -5rem; bottom: 1rem; }

.main-content section.section { padding: 3rem 0; color: #434b4e; }

.main-content section.section a { color: #efa758; }

.main-content section.section .top-link { margin-top: -2rem; text-align: right; }

.main-content section.section .top-link a { color: #434b4e; }

.main-content section.section:nth-child(odd) { background-color: #21262c; color: #fff; }

.main-content section.image-section { padding: 0; margin: 0; line-height: 0; }

.main-content section.image-section img { width: 100%; max-height: 300px; object-fit: cover; }

.main-content .letter-templates { display: flex; gap: 2em; justify-content: center; }

.main-content .letter-templates a { width: 70px; height: 70px; background-color: #fff; border-radius: 3px; display: inline-block; font-size: 0.75em; text-align: center; }

.site-footer { background-color: #79828d; padding: 3rem 0; }

.site-footer p { color: #fff; }

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