#mc_embed_signup{ clear:left; width:100%; }
/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block. We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */

#mc_embed_signup {
    background: none;
    clear: left;
    font-size: 14px;
    width: 100%;
}

#mc_embed_signup form {
    text-align: center;
    padding: 10px 0 10px 0;
}

#mc_embed_signup input.email {
    font-family: "Muli","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;
    font-size: 15px;
    line-height: 1.5;
    box-sizing: border-box;
    height: auto;
    padding: .8rem 1rem .6rem;
    display: inline-block;
    margin: 0;
    width: 65%;
    vertical-align: top;
    /* Box Layout */
    background: transparent;
    border: 1px solid #fff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0;
    color: #fff;
    margin-right: 0.75rem;
    /* Animations */
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#mc_embed_signup input.email:focus {
    outline-color: #fff;
}

#mc_embed_signup input.email::placeholder {
    color: #ddd;
}

#mc_embed_signup label {
    display: block;
    font-size: 16px;
    padding-bottom: 10px;
    font-weight: bold;
}

#mc_embed_signup .clear {
    display: inline-block;
}

/* positions button horizontally in line with input */
#mc_embed_signup .button {
    font-size: 1rem;
    line-height: 1;
    padding: 16px 40px;
    height:auto;
    text-transform: uppercase;
    border: none;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    letter-spacing: .03em;
    color: #fff;
    background-color: #FF4141;
    display: inline-block;
    margin: 0;
    transition: all 0.23s ease-in-out 0s;
}

#mc_embed_signup .button:hover {
    background-color: #fff;
    color: #FF4141;
    cursor: pointer;
}

#mc_embed_signup div#mce-responses {
    float: left;
    top: -1.4em;
    padding: 0em .5em 0em .5em;
    overflow: hidden;
    width: 90%;
    margin: 0 5%;
    clear: both;
}

#mc_embed_signup div.response {
    margin: 1em 0;
    padding: 1em .5em .5em 0;
    font-weight: bold;
    float: left;
    top: -1.5em;
    z-index: 1;
    width: 80%;
}

#mc_embed_signup #mce-error-response {
    display: none;
}

#mc_embed_signup #mce-success-response {
    color: #529214;
    display: none;
}

#mc_embed_signup label.error {
    display: block;
    float: none;
    width: auto;
    margin-left: 1.05em;
    text-align: left;
    padding: .5em 0;
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    #mc_embed_signup input.email {
        margin-bottom: 1rem;
    }
}

@media (max-width: 768px) {
    #mc_embed_signup input.email {
        width:100%;
        margin-bottom: 1rem;
    }

    #mc_embed_signup .clear {
        display: block;
        width: 100%
    }

    #mc_embed_signup .button {
        width: 100%;
        margin: 0;
    }
}

@media (max-width: 575.98px) {
    #mc_embed_signup input.email {
        margin-right: 0;
        margin-bottom: 1.5rem;
    }
}