label {
    font-size: 18px;
    overflow: hidden;
    /* display: block; */
}

input,
textarea {
    font-family: 'Source Sans Pro Semibold', sans-serif;
    width: 100%;
    border: 1px solid grey;
    height: 2em;
    font-size: 16px;
}

textarea {
    height: 5em;
}

button {
    font-family: 'Source Sans Pro Light', sans-serif;
    font-size: 16px;
    margin-top: 10px;
    width: 50%;
    height: 30px;
    margin-left: 50%;
}

section form {
    position: static;
    max-height: 0;
    transition: all 1s linear;
    overflow: hidden;
}

section form.slidedown {
    visibility:visible;
    position: static;
    overflow-y: hidden;
    max-height: 300px;
    animation-name: bounce;
    animation-duration: 1s;
    animation-timing-function: ease;
}

section .hatch {
    transition: all 1s linear;
}

section .hatch.hidden {
        height: 0;
}

    section .hatch.hidden label {
        display: none;
}

@keyframes bounce {
    85%{
    transform: translateY(-2%);
    }
    90%{
    transform: translateY(-4%);
    }
    92%{
    transform: translateY(3%);
    }
    95%{
    transform: translateY(-3%);
    }
    100% {
    transform: translateY(0%);
    }
}

section .success {
    margin:0 auto;
    text-align: center;
    font-weight: 700;
    transition: all 1s linear;
}