/* import file for a variety of colors */
/* import file for fonts */
@font-face { font-family: IsonormD; src: url(/assets/webfonts/i011000d.woff2) format("woff2"), url(/assets/webfonts/i011000d.ttf) format("truetype"); font-display: swap; }

/* various useful variables and mixins */
html { scroll-behavior: smooth; }

body { background: #fff; margin: 0; padding-top: calc(35px + 120px); color: #555; font-family: IsonormD, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 18px; line-height: 1.8; letter-spacing: 0.03rem; }

@media (max-width: 1200px) { body { padding-top: calc(35px + 74.13px); } }

@media (max-width: 690px) { body { font-size: 16px; } }

body a { text-decoration: none; color: #003855; }

body h1 { color: #d78b21; display: flex; justify-content: center; font-size: 250%; text-align: center; margin-top: 0; }

@media (max-width: 690px) { body h1 { font-size: 23px; } }

body h2 { color: #d78b21; }

@media (max-width: 690px) { body h2 { font-size: 20px; } }

body h3 { color: #d78b21; font-size: 2rem; font-weight: 400; line-height: 1.6; }

@media (max-width: 690px) { body h3 { font-size: 18px; } }

.btn { background-color: #d78b21; text-transform: uppercase; letter-spacing: 0.075rem; border-radius: 6px; transition: all 0.2s; line-height: 20px; font-weight: 400; color: white; padding: 12px 16px; min-width: 140px; text-align: center; margin-top: 1.5rem; }

@media (max-width: 690px) { .btn { font-size: 12px; } }

.btn:hover { opacity: 0.9; }

.container { padding-top: 6em; display: flex; width: 100%; justify-content: center; }

@media (max-width: 690px) { .container { padding-top: 2em; } }

.container .wrapper { flex-basis: 90rem; padding: 0 1rem; }

.container .wrapper h2 { display: flex; }

.container .wrapper img { margin: 3rem 0; }

.container .wrapper .center { display: flex; justify-content: center; }

.container .wrapper .qImg { margin: 0 0; position: relative; display: block; background-size: contain; background-position: center; height: 5.7142857143rem; float: left; width: 160px; display: flex; align-self: center; background-repeat: no-repeat; margin: 20px; }

.container .wrapper p { display: flex; font-size: 120%; }

@media (max-width: 690px) { .container .wrapper p { flex-direction: column; } }

.column-container { display: flex; justify-content: space-evenly; }

@media (max-width: 1200px) { .column-container { flex-direction: column; align-items: center; } }

.column-container-wrap { display: flex; justify-content: space-evenly; flex-wrap: wrap; }

@media (max-width: 1200px) { .column-container-wrap { flex-direction: column; align-items: center; } }

.grey-line { border: 0; height: 1px; border-top: 1px solid #ebebeb; display: block; position: relative; top: 1px; width: 100%; border-color: #ebebeb; margin: 0; padding: 0; }

.section-banner { padding: 5rem 0; background-color: #003855; display: flex; width: 100%; justify-content: space-evenly; }

@media (max-width: 690px) { .section-banner { flex-direction: column; padding: 3rem 0; } }

@media (max-width: 1200px) { .tablet-banner { flex-direction: column; } }

.banner-content { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.white { color: white; }

.blue { color: #003855; }

.large { font-size: 200%; }

.medium { font-size: 150%; }

.map-container { padding: 8rem 0; display: flex; flex-direction: column; background-position: center; background-size: cover; }

.map-container p { font-size: 150%; }

@media (max-width: 690px) { .map-container { padding: 3rem 0; } }

.border-box { width: 300px; height: 250px; padding: 0 5rem; border-style: solid; border-width: 1px; border-color: white; display: flex; justify-content: center; flex-direction: column; }

.border-box h1 { margin-top: 2rem; margin-bottom: 0; font-size: 375%; line-height: 1.2; }

.border-box p { margin-top: 0; margin-bottom: 3rem; }

@media (max-width: 690px) { .border-box { width: 100px; height: 350px; } }

.border-box-parent { margin: 2rem 2rem; }

@media (max-width: 1200px) { .border-box-parent { margin: 2rem 0rem; } }

/* Slideshow container */
.slideshow-container { position: relative; background: white; }

/* Slides */
.mySlides { display: none; height: 450px; padding: 20px 80px; text-align: center; flex-direction: column; }

@media (max-width: 1200px) { .mySlides { padding: 20px 40px; height: 650px; } }

@media (max-width: 690px) { .mySlides { padding: 20px 10px; height: auto; } }

/* Next & previous buttons */
.prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -30px; padding: 16px; color: #888; font-weight: bold; font-size: 20px; border-radius: 0 3px 3px 0; user-select: none; }

/* Position the "next button" to the right */
.next { position: absolute; right: 0; border-radius: 3px 0 0 3px; }

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); color: white; }

/* The dots/bullets/indicators */
.dot2 { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; }

/* The dot/bullet/indicator container */
.dot-container { text-align: center; padding: 20px; background: white; }

/* Add a background color to the active dot/circle */
.active, .dot:hover { background-color: #717171; }

/* Slides */
.mySlides2 { display: none; height: 350px; padding: 20px 80px; text-align: center; flex-direction: column; align-items: center; justify-content: center; }

@media (max-width: 1200px) { .mySlides2 img { height: 200px; width: auto; } }

@media (max-width: 690px) { .mySlides2 { height: 35%; } .mySlides2 img { height: 80px; width: auto; } }

.sliderImage { width: 400px; height: auto; }

.border-image { border: solid; border-color: #003855; border-width: 0.3rem; border-radius: 10px; }

.space-between-column { display: flex; flex-direction: column; justify-content: space-between; align-items: center; }

.banner-content-top { height: 100%; display: flex; flex-direction: column; align-items: center; }

.top-margin { margin-top: 7rem; }

@media (max-width: 1320px) { .tablet-disappear { display: none; } }

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