*, ::after, ::before {box-sizing: border-box;}
#newsletter {background: aliceblue;padding: 20px 20px 0;margin-bottom: 20px;border: 1px solid #ddd;}
#messages {}
#messages.error {color: crimson;margin-top: 12px;}
#messages.success {color: green;margin-top: 12px;}
.s-title {font: 500 20px/30px Oswald, Arial;text-transform: uppercase;margin: 0;}
.s-content .desc {display: block;color: #82878d;margin-bottom: 20px;}
.form-control {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: space-between;margin: 12px 0;}
input {font-family: Merriweather, Roboto, Arial, serif;font-size: 13px;}
#email {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;width: calc(100% - 150px);padding-left: 1rem;padding-right: 1rem;height: 35px;font-weight: 600;font-size: 14px;background: #fff;border: 1px solid #d3d9dd;border-radius: 3px;cursor: pointer;color: #000;}
input.submit-btn-box {display: inline-block;background-color: #269af1;color: #fff;border-color: #269af1;font-weight: 400;height: 35px;width: 140px;text-align: center;white-space: nowrap;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-weight: 600;font-size: 14px;border: 1px solid transparent;padding: 5px 10px;line-height: 1.5;text-transform: capitalize;border-radius: .25rem;transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
input.submit-btn-box:hover:enabled {background: #1d84d1;border-color: #1d84d1;}

@media screen and (max-width: 500px) {
    #email, input.submit-btn-box {
        width: 100%;
        margin-bottom: 10px;
    }
}