body {
    margin: 0;
    font-family: Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.5;
    color: #121415;
    letter-spacing: -.5px
}

html {
    font-size: 62.5%
}

.darwin-heading {
    font-weight: 700;
    font-size: 3.2rem;
    margin-bottom: 3rem;
    letter-spacing: -1px;
    text-align: center
}

.footer-link,.hero-section {
    color: #121415
}

.nav {
    height: 6rem;
    background-color: #fff;
    box-shadow: 0 4px 4px rgba(74,77,81,.13)
}

section {
    padding: 4rem 0;
    text-align: center
}

@media (min-width: 768px) {
    .darwin-heading {
        font-size:4.6rem;
        line-height: 56.6px
    }

    section {
        padding: 4rem 3rem;
        text-align: left
    }

    .hero-list {
        width: 90%
    }
}

p {
    margin-bottom: 0
}

.hero-list-item {
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left
}

@media (min-width: 1200px) {
    section {
        padding:4% 12%
    }

    .hero-list-item {
        font-size: 2rem
    }
}

.form-group,.hero-list-item:not(:last-child) {
    margin-bottom: 2rem
}

.hero-list {
    padding: 0;
    margin-top: 4rem;
    max-width: 54rem
}

.hero-form {
    background: #fff;
    color: #121415;
    padding: 4rem 2rem
}

@media (min-width: 576px) and (max-width:767px) {
    .hero-form {
        padding:4rem
    }
}

.hero-form form {
    display: flex;
    flex-direction: column;
    margin-top: 4rem
}

.hero-form-group {
    text-align: left
}

.text-gray {
    color: #666!important
}

.hero-agreement,.hero-takeaways {
    padding: 4rem 2rem
}

.hero-list-item__number {
    background: #039be5;
    border-radius: 50px;
    min-width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-right: 2rem;
    font-size: 2.1rem;
    transform: translateY(6px)
}

.hero-list-item__number.yellow-circle {
    background-color: #fcc62b
}

.hero-list-item__number.red-circle {
    background: #f9405a
}

.nav-logo {
    margin: 0 auto
}

@media (min-width: 576px) {
    .form-btn {
        align-self:flex-end
    }
}

footer {
    background: #039be5;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3rem
}

@media (min-width: 992px) {
    footer {
        padding:4% 0
    }
}

.footer-text {
    font-size: 1.8rem;
    text-align: center
}

.form-control {
    display: block;
    padding: .375rem .75rem;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    border: 1px solid #9db3bd;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: calc(1.5em + .75rem + 6px)
}

.btn.form-btn {
    background: #039be5;
    color: #fff;
    font-size: 1.8rem;
    padding: .5rem 2rem
}

.yellow-bar {
    position: absolute;
    width: 9rem;
    height: .8rem;
    background-color: #fbce4c;
    top: 1rem
}

.success-page {
    min-height: calc(100vh - 6rem);
    position: static;
    display: flex;
    justify-content: center;
    align-items: center
}

.main-page {
    margin-top: 6rem
}

.darwin-subheading {
    font-weight: 400
}

.nda-terms {
    max-height: 50rem;
    overflow: auto;
    padding: 3rem;
    border: 1px solid #9db3bd
}

@media (min-width: 768px) {
    .hero-form {
        text-align:left;
        max-width: 450px
    }

    .hero-takeaways {
        text-align: left
    }

    .nav-logo {
        margin: 0
    }

    .darwin-heading.nda-heading {
        font-size: 3.6rem;
        line-height: 40px
    }

    .hero-agreement {
        padding: 4rem
    }
}

.nda-terms p {
    font-size: 1.4rem;
    text-align: left
}

.nda-disclaimer {
    font-size: 1.6rem
}