:root { font-family: lato, sans-serif; font-size: 16px; }
body { margin: 0; }
* { box-sizing: border-box; line-height: 1.5em; }
div, form { display: flex; flex-direction: column; }
a:link, a:visited { color: inherit; text-decoration: none; }
a:link:hover, a:visited:hover {  text-decoration: underline; }
[row] { flex-direction: row; }
[center] { align-items: center; }
[grow] { flex-grow: 1; }
[shrink] { flex-shrink: 1; }
[width-standard] { width: 60em; }
[width-third] { width: 400px; }
div[nav-element] { padding: 8px 32px; justify-content: center; }
	/* header styles */
	/* div[header] { height: 5em; } */
div[header-bar] { position: fixed; background: #fff; width: 100%; }
div[header] img { height: 3em; }
div[header] a { font-size: 1em; color:hsl(184, 67%, 22%);}
	/* banner styles */
div[banner] { background-image: url("./background.png"); padding: 8em 0; gap: 0em; }
div[banner] img { width: 30em; }
div[bannerheading] { background: #fff; padding: 3em 4em; border-radius: 30px; /*box-shadow: rgba(0, 0, 0, .05) 1px 3px 3px;*/ }
div[bannerheading] a { font-size: 2em; font-weight: 600; color:#12575C; text-align: center; margin: 0; padding: 0; }
/* banner styles */
div[core-benefit] { background: #12575C; position: relative; overflow: hidden; }
div[core-benefit] a { font-size: 1.5em; color:#fff; text-align: center; font-weight: 300; padding: 0 0em; }
div[core-benefit] img { width: 100%; position: absolute;}
div[core-benefit] div { padding: 3em 0; }
/* thirds styles */
div[width-third] { padding: 3.5em 0; }
div[width-third] h1 { font-size: 1.5em; color:#000; text-align: center; font-weight: 600; }
div[width-third] a { font-size: 1.1em; color:#000; text-align: center; font-weight: 300; padding: 0 1em; }
div[width-third] img { width: 19em; align-self: center; justify-self: center; }
/* beta-message styles */
div[beta-message] { background: #F2F4F4; flex-direction: column; align-items: center; margin: 2.5em 0; padding: 3.5em 0; gap: .75em; }
div[beta-message] h1 { font-size: 1.5em; margin: 0; padding: 0; }
div[beta-message] a { font-size: 1.1em; font-weight: 300; margin: 0; padding: 0; }
[waitlist]  { flex-direction: row; gap: .5em; width: 75%; height: 2.5em; margin-top: .5em; }
[waitlist] input[type=text] { flex-grow: 1; border-radius: 10px; border: none; padding: 0 1em; color: #000; font: inherit; }
[waitlist] input[type=text]:focus { outline: none; }
[waitlist] input[type=submit] { border: 0; font: inherit; width: 7em; background-color: #209EA7; padding: .5em; border-radius: 10px; color: #fff; }
/* footer styles */
div[footer]  { background: #D9D9D9; }
div[footer-primary]  { flex-grow: 40; flex-basis: 0; font-size: 1em; }
div[footer-row]  { flex-direction: row; height: 4em; }
div[footer-primary] img { height: 100%; margin-left: -1.25em; }
div[footer-standard]  { flex-grow: 20; flex-basis: 0; }
div[copyright]  { background: #D9D9D9; font-size: 1em; }
[footer-primary], [footer-standard] { padding: 1em; }
[padding-standard] { padding: 1em; }
h3 { margin: 0; padding: 0; font-weight: 600; color: #12575C; align-self: flex-end; padding-bottom: .5em; }
p { margin: 0; padding: 0.25em 0; }
[footer], [copyright] { font-weight: 300; }
/* legal styles */
div[legal] { padding: 5em 0; margin: 0; }
h4 { color: #000; font-size: 20px; font-weight: normal; }
h5 { color: #000; font-size: 16px; margin: 0; padding-top: .5em; font-weight: normal; }