/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 15, 2019 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Rakkas&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rakkas&display=swap');
@font-face {
    font-family: 'poppinsblack';
    src: url('../fonts/poppins-black-webfont.woff2') format('woff2'),
         url('../fonts/poppins-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'poppinsbold';
    src: url('../fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('../fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'poppinsitalic';
    src: url('../fonts/poppins-italic-webfont.woff2') format('woff2'),
         url('../fonts/poppins-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'poppinsthin';
    src: url('../fonts/poppins-thin-webfont.woff2') format('woff2'),
         url('../fonts/poppins-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'poppinsregular';
    src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('../fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'poppinsmedium';
    src: url('../fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('../fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ostrich_sansmedium';
    src: url('../fonts/ostrich-regular-webfont.woff2') format('woff2'),
         url('../fonts/ostrich-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'chalk_font';
    src: url('../fonts/chalk_font.woff2') format('woff2'),
         url('../fonts/chalk_font.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'chalk_font_shadow';
    src: url('../fonts/chalk_font_shadow.woff2') format('woff2'),
         url('../fonts/chalk_font_shadow.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.cognitoWrapper {
    background: #fff;
    padding: 120px 20px;
    overflow: auto;
}

h1.cognitoHeader {
    font-weight: normal;
    text-align: center;
    padding-bottom: 20px;
    font-family: "Inter", sans-serif;
    font-size: 5em;
}

p.cognitoDescription {
    padding: 0 20px 20px;
}
img.page-seperator {
    width: 100%;
    height: 20px;
    position: relative;
    top: -20px;
    z-index: 20;
}
img.page-seperator.bottom {
    top: auto;
    bottom: 10px;
}
h2 small, h4 small {
    font-size: 12px;
    font-family: sans-serif;
}
@media screen and (min-width: 768px) {
    img.page-seperator {
        height: 40px;
        top: -38px;
    }
}