[v-cloak] > * { display:none; }

html {
 min-height: 100vh;
 overflow-x:hidden;
 scroll-behavior: smooth;
}
body {
 display: flex;
   flex-direction: column;
 font-family: 'Public Sans', Arial, Roboto,Helvetica Neue, sans-serif;
 font-size: 100%;
 margin:0 auto;
 min-height: 100vh;
 overflow-x:hidden;
}
:root {
 --black:#000;
 --pink: #FF44CB;
 --dark-grey:#061929;
 --lt-grey: #CACCD0;
 --med-grey:#1F1F1F;
 --orange:#FF44CB;
 --white:#fff;

 /*--lato-bold: 700;
 --effra-light: 300;
 --effra-italic: italic;
 --effra-reg: effra, sans-serif;*/
 --fnt-sm: 0.875em; /*14px*/
 --fnt-reg: 1.25em;
 --fnt-lg:2.25em;
 --fnt-wt-bold: 600;
}

p {
 color:var(--dark-grey);
 line-height: 1.375em;
}
header{
 margin:0 auto;
 padding: 2em;
}
main {
 margin: 0 auto;
 padding: 0 2em;
}

.header-container {
 margin:0 auto;
}
.logo {
 width: 250px;
}
.headline-copy-container {
 
}
.intro-container {
 max-width: 29.688em; /*475px*/
}
.header-container-copy p {
 font-size:var(--fnt-reg);
 margin-bottom:0;
 text-align: left;
}
.intro-container {
 padding: 0 .5em;
}
.bottom-copy {
 font-size: var(--fnt-sm);
 padding-top: 1em;
 text-align: center;
}
.bottom-copy a {
 color: var(--blue);
 text-decoration: none;
}

/* GENERIC */

.bold {
 font-weight:var(--fnt-wt-bold);
}
.border-bottom {
 border-bottom: 2px solid #FF44CB;
 line-height: 0;
}
.border-top {
 border-top: 2px solid #FF44CB;
 line-height: 0;
}
.center {
 margin:0 auto;
 text-align: center;
}
.fnt-sm {
 font-size: var(--fnt-sm);
 line-height: 1.5em;
}
.fnt-large {
 font-size: var(--fnt-lg);
 line-height: 28px;
}
.fnt-reg {
 font-size: var(--fnt-reg);
 line-height: 24px;
}
.nmb {
 margin-bottom:0;
}
.p32 {
 padding:1em 0;
}
.pb16 {
 padding-bottom: .5em;
}
.pb32 {
 padding-bottom: 1em;
}
.pb40 {
 padding-bottom: 2.5em;
}
.pl40 {
 padding-left: 2.5em;
}
.pt26 {
 padding-top: 1.625em;
}
.txt-left {
 text-align: left;
}
.txt-link {
 color: var(--pink);
 text-decoration: underline;
}