@charset "UTF-8"; /* CSS Document */ * { box-sizing: border-box; margin: 0px 0px; padding: 0px 0px; border: 0px; max-width: 100%; position: relative; font-weight: 200; background-repeat: no-repeat; } html { color: white; font-family: sans-serif; font-size: 1em; line-height: normal; background-color: #009973; } body { padding: 0px 0px; width: 100%; margin: 0px 0px; min-height: 100vh; min-height: 100dvh; display: flex; height: auto; flex-direction: column; flex-grow: 1; } header, main, footer { box-sizing:boder-box; padding: 4px 16px; position: relative; width: 100%; max-width: 1600px; display: flex; box-sizing: border-box; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin:0px auto 0px auto; } header { flex-direction: row; } main { padding: 24px 16px; flex-direction: column; min-height: 60dvh; } footer { margin-top:auto; padding-top:24px; padding-bottom:48px; flex-direction: column; background-color:rgba(0,0,0,0.5); } header, footer { max-width: 100%; min-width:100%; } h1, h2, h3, h4, b, strong { font-weight: 400; inline-display: block; word-break: auto-phrase; } h1, h2, h3 { padding: 12px 0px; } h1 { font-size: 2rem; }  h2 { font-size: 1.75rem; } h3 { font-size: 1.5rem; } h4 { font-size: 1.4rem; } b,strong { font-size: 1.2rem; } p { white-space: normal; word-break: normal; box-sizing: border-box; display: inline-block; padding: 24px 0px 24px 0px; font-size: 1rem; font-weight: 200; line-height: 1.75; width: 100%; margin: 4px 0px 4px 0px; } footer small { display: block; box-sizing: border-box; padding: 12px 0px; } footer a { color: inherit; text-decoration: underline; display: inline-block; padding: 1px 3px; } span.meta { max-width: 0px; max-height: 0px; font-size: 5px; overflow: hidden; display: none; opacity: 0; } header > a.home { display:inline-block; width:128px; height:64px; background-image:url('logo.svg'); background-size:contain; background-position: center; } header > a.contact { display: flex; margin: auto 12px auto auto; text-decoration: none; color: white; background-color: black; padding: 14px 24px 12px; border-radius: 24px; line-height: 1; font-weight: 400; letter-spacing: 0.5px; text-transform: uppercase; max-width: 256px; min-width: 256px; text-align: center; justify-content: center; } header > nav {  display: inline-flex;  flex-direction: row;  min-height: 64px;  min-width: calc(100% - 400px);  max-width: calc(100% - 400px);  margin: 0px auto 0px auto;  padding: 4px 12px 0px 4px; } header > nav > a { display: inline-flex;flex-direction: column;box-sizing: border-box;text-align: left;align-items: flex-start;color: white;padding: 0px 24px;margin: 0px 8px;text-decoration: none;min-height: 64px;max-height: 64px;justify-content: center;border-radius: 32px;line-height: normal; } header > nav > a.active { opacity:0.5; pointer-events: none; background-color: black; } header > nav > a > b { display: block; margin: -4px 0px 3px 0px; } header > nav > a > small {  } @media (min-width: 720px) { } @media (min-width: 1280px) { } @media (min-width: 1600px) { } @media (min-width: 1920px) { }