@media only screen and (max-width: 669px) {

    .newsletter .email-form {
        flex-direction: column;
        align-items: center;
    }

        .newsletter .email-form #email {
            width: var(--mobile-content-container-width);
            height: 50px;
        }
}

/* tablet */ 

@media only screen and (min-width: 670px) and (max-width: 999px) {

    .newsletter .container {
        width: var(--tablet-content-container-width);
    }

        .newsletter h1 {
            width: 60%;
        }

            .newsletter .email-form #email {
                width: 438px;
            }
}