@font-face {font-family: Myriad Pro; src: url(../fonts/MyriadPro-Regular.otf);}
@font-face {font-family: Stardos Stencil; src: url(../fonts/Stardos Stencil Regular-5120.otf);}

.center-me {margin-left: auto; margin-right: auto; height:100vh; vertical-align:middle;}

body {background:#faeedc; text-align:center; line-height:1.2;}

strong {font-weight:bold;}

header, footer {background:#240e0f;}

header img {width:95%; max-width:1000px; border:0; margin:2%;}
header h1 {display:none;}
header h2 {font-family:Myriad Pro, arial, helvetica, sans serif; display:block; color:#faeedc; font-size:.8em; padding-bottom:4%;}

section {font-family:Myriad Pro, arial, helvetica, sans serif; max-width:1000px; margin-left:auto;  margin-right:auto;}

section h2 {color:#240e0f; text-align:left; font-size:1.5em; font-weight:bold; margin:3% 4% 3% 4%;}
section p {display:block; color:#240e0f; font-size:1em; margin:3% 4% 3% 4%; text-align:left;}
section ul {color:#240e0f; font-size:1em; margin:3% 4% 3% 10%; text-align:left; list-style-type: disc;}

section img {max-width:100%;}

#mc_embed_signup_scroll h2 {margin-left:0; margin-bottom:0;}

section.mailinglist {text-align:left; margin-bottom:2%;}
section.mailinglist #mc_embed_shell {margin:0 4% 0 4%;}
section.mailinglist h2 {font-size:1.5em; padding-bottom:4%;}
section.mailinglist h2 span.required {font-size:.5em;}
section.mailinglist  div.mc-field-group {margin: 2px 0 2px 0;}
section.mailinglist div.formlabel {display:inline-block; width:125px;}

section.team {display: flex; flex-direction: column; margin-bottom:25px; width:100%;}
section.team > * {flex-basis: 100%;}

section.team .member {flex-grow:1;}
section.team p:first-child {text-align:center;}
section.team img {max-width:372px; width:100%;}

footer {padding :5%; vertical-align:;}

footer .flex-container {display: flex; flex-direction: column; justify-content: center;}
footer .flex {flex-grow:1;}

footer p {color:#faeedc;}
footer a:link, footer a:visited, footer a:active, footer a:hover {color:#faeedc;}

footer .social {height:16px; width:16px; border:0; padding:0 5px 0 5px;}

p {font-family:Myriad Pro, arial, helvetica, sans serif; display:block; color:#240e0f; font-size:.8em; margin-bottom:4%;}

a:link, a:visited {text-decoration:underline; color:#240e0f;}
a:active, a:hover {text-decoration:underline dotted; color:#240e0f;}

@media only screen and (min-width: 468px) {

header h2, p {font-size:1em;}
section .soon {font-size:2.5em;}

}

@media only screen and (min-width: 720px) {

header h2, p {font-size:1.2em;}

section p {margin:2% 4% 2% 4%;}

section.team {flex-direction: row;}

footer {padding:2% 5% 2% 5%;}
footer .flex-container {margin-bottom:2%;}
footer .social-group {text-align:left;}
footer .social {height:24px; width:24px; padding:0 5px 0 0;}
footer .flex-container {flex-direction: row;}
footer .flex-container .flex:first-child {text-align:left;}
footer .flex-container .flex:last-child {text-align:right;}

}

@media only screen and (min-width: 1000px) {

header h2 {font-size:2em;}

section img {margin:2%;}

footer .flex-container, footer .social-group {max-width:1000px; margin-left:auto; margin-right:auto;}
footer .social {height:32px; width:32px;}

}