@font-face {
    font-family: filson-pro;
    src: url(https://use.typekit.net/af/c37133/0000000000000000000157c1/27/l?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=n3&v=3) format("woff2"),url(https://use.typekit.net/af/c37133/0000000000000000000157c1/27/d?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=n3&v=3) format("woff"),url(https://use.typekit.net/af/c37133/0000000000000000000157c1/27/a?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=n3&v=3) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal
}

@font-face {
    font-family: filson-pro;
    src: url(https://use.typekit.net/af/828f71/0000000000000000000157c2/27/l?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=i3&v=3) format("woff2"),url(https://use.typekit.net/af/828f71/0000000000000000000157c2/27/d?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=i3&v=3) format("woff"),url(https://use.typekit.net/af/828f71/0000000000000000000157c2/27/a?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=i3&v=3) format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 400;
    font-stretch: normal
}

@font-face {
    font-family: filson-pro;
    src: url(https://use.typekit.net/af/56a426/0000000000000000000157c7/27/l?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=i5&v=3) format("woff2"),url(https://use.typekit.net/af/56a426/0000000000000000000157c7/27/d?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=i5&v=3) format("woff"),url(https://use.typekit.net/af/56a426/0000000000000000000157c7/27/a?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=i5&v=3) format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 500;
    font-stretch: normal
}

@font-face {
    font-family: filson-pro;
    src: url(https://use.typekit.net/af/fcca1c/0000000000000000000157c8/27/l?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/fcca1c/0000000000000000000157c8/27/d?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/fcca1c/0000000000000000000157c8/27/a?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=n5&v=3) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal
}

@font-face {
    font-family: filson-pro;
    src: url(https://use.typekit.net/af/c12453/0000000000000000000157bf/27/l?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/c12453/0000000000000000000157bf/27/d?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/c12453/0000000000000000000157bf/27/a?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=n7&v=3) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal
}

@font-face {
    font-family: filson-pro;
    src: url(https://use.typekit.net/af/125ffe/0000000000000000000157c0/27/l?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=i7&v=3) format("woff2"),url(https://use.typekit.net/af/125ffe/0000000000000000000157c0/27/d?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=i7&v=3) format("woff"),url(https://use.typekit.net/af/125ffe/0000000000000000000157c0/27/a?primer=388f68b35a7cbf1ee3543172445c23e26935269fadd3b392a13ac7b2903677eb&fvd=i7&v=3) format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 700;
    font-stretch: normal
}

html, body {
    width: 100vw;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: filson-pro,-apple-system,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif
}

html, body, div, textarea, header, main, footer, form, button, h1, h2, h3, h4, h5, p, a, ul, li, ol {
    box-sizing: border-box
}

body {
    background-image: url(../images/NewCo_background.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100vh
}

h2 {
    color: #000f69;
    font-size: 1.75rem;
    margin: 0 1rem 1rem;
    text-align: center
}

@media screen and (max-width: 559px) {
    h2 {
        font-size: 1.25rem
    }
}

p {
    color: #303030;
    margin: 0;
    font-size: 1rem;
    line-height: 140%
}

a {
    color: #294fed;
    font-weight: 500
}

    a:hover {
        color: #000f69
    }

textarea {
    overflow: hidden;
    width: 100%;
    border: 1px solid #A6A6A6;
    font-size: 1rem;
    font-weight: 400;
    padding: .75rem 1rem;
    resize: none;
    border-radius: 0;
    min-height: 6rem;
    font-family: filson-pro
}

@media screen and (max-width: 559px) {
    textarea {
        min-height: 8rem
    }
}

button {
    padding: .75rem 1.5rem;
    border-radius: 2rem;
    background-color: #294fed;
    color: #fff;
    font-size: .875rem;
    font-weight: 500;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: filson-pro;
    transition: background-color .2s ease;
    cursor: pointer
}

button:hover {
    background-color: #000f69
}

header {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #E1E1E1;
    background-color: #fff;
    box-shadow: 0 0 1rem #0000000a;
    width: 100%
}

header > a {
    width: 100%;
    max-width: 768px
}

header > a > img {
    height: 2rem;
    width: auto;
    display: block
}

main {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 4rem 4rem 0;
    flex: 1;
    width: 100%
}

@media screen and (max-width: 767px) {
    main {
        padding: 2rem 2rem 0
    }
}

@media screen and (max-width: 559px) {
    main {
        padding-inline: 0
    }
}

main > img {
    width: 100px
}

main > form {
    max-width: 768px;
    padding: 4rem;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 2rem
}

@media screen and (max-width: 767px) {
    main > form {
        padding: 2rem
    }
}

main > form > .body-text {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

main > form > .reasoning > p {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

main > form > button {
    max-width: 14rem;
    text-transform: uppercase
}

@media screen and (max-width: 559px) {
    main > form > button {
        max-width: none
    }
}

footer {
    margin-top: 4rem;
    width: 100vw
}

footer > .footer-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: #000F69;
    padding: 1.75rem 4rem
}

@media screen and (max-width: 767px) {
    footer > .footer-nav {
        padding-inline: 2rem
    }
}

@media screen and (max-width: 559px) {
    footer > .footer-nav {
        justify-content: unset
    }
}

footer > .footer-nav > ul {
    margin: 0;
    display: flex;
    gap: 4rem;
    align-items: center;
    list-style-type: none;
    padding: 0;
    text-align: center
}

@media screen and (max-width: 559px) {
    footer > .footer-nav > ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        flex: 1;
        gap: 2rem
    }
}

footer > .footer-nav > ul > li > a {
    font-weight: 500;
    text-decoration: none;
    font-size: 1rem;
    color: #fff
}

footer > #footer__note {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    padding: 1.5rem 4rem;
    background-color: #fff
}

@media screen and (max-width: 767px) {
    footer > #footer__note {
        padding-inline: 1.5rem
    }
}

footer > #footer__note p {
    text-align: center;
    color: #a6a6a6;
    font-size: .875rem;
    line-height: 1.5rem
}

footer > #footer__note p br {
    line-height: 1.5rem
}

.text-danger {
    color: #FA3866;
}