@import url("https://use.typekit.net/gdf1fdf.css");
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital@1&display=swap");
html { overflow-y: scroll; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

img { vertical-align: bottom; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

li { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; font-variant: normal; }

input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }

/*to enable resizing for IE*/
input, textarea, select { *font-size: 100%; }

/*because legend doesn't inherit in IE */
legend { color: #000; }

del, ins { text-decoration: none; }

.dummy-head, .dummy-footer { background: #888; text-align: center; color: #bbb; font-size: 20px; line-height: 1.5; }

.dummy-head { padding: 40px 0; }

.dummy-footer { padding: 500px 0; }

/******************************************************

base

******************************************************/
.map2 { max-width: 550px; margin: 0 auto 2.5rem; }