/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .wrap-newsletter {
     width: 90%;
     margin: auto;
 }
 .privacy-box {
     max-width: 600px;
     height: 200px;
     font-size: 12px;
     overflow: auto;
     border: 1px solid #ddd;
     border-radius: 2px;
 }
 .message {
     visibility: hidden;
     font-size: 12px;
     color: #444;
 }
 .newsletter-form input:invalid {
    outline: 1px dashed rgb(201, 68, 68);
  }
  .newsletter-form input:invalid + .message {
    visibility: visible;
  }

  @media (min-width: 980px) {
    .wrap-newsletter {
        width: 70%;
        margin: auto;
    }
  }