#newsletter {
    padding: 10px 0 50px 0;
    background: var(--nl-contact-bg-color) var(--rectangle-bg-url);
    background-size: cover;
    color: var(--nl-contact-color);
}
#newsletter h2 {
    color: var(--nl-contact-color);
}
#newsletter p {
    text-align: center;
}
#newsletter a {
    color: var(--nl-contact-link-color)
}
#newsletter a:hover,
#newsletter a:focus {
    color: var(--nl-contact-color)
}
#newsletter button {
    display: block;
    margin: 50px auto 0 auto;
    padding: 20px 60px;
    text-align: center;
}

#newsletter-form {
    width: var(--text-content-width);
    margin: 0 auto;
    text-align: center;
}
#newsletter input[type="text"],
#newsletter input[type="email"] {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 0 auto 10px auto;
}



@media screen and (max-width: 650px) {
    #newsletter button {
        width: 100%;
    }
}