.newsletter-signup {
  text-align: center;
  display: table;
  margin: 0 auto;
  width: 100%;
  b/ackground: #555;
  b/ackground: #fff;
  padding: 40px .5% 80px .5%;
	m/argin-bottom: -37px;
}

.newsletter-signup .newsletter-label {
  float: left;
  vertical-align: middle;
  height: 5em;
  width: 15%;
  margin-right: .5%;
  padding-top: 5px;
  color:#ff0000;
}

.newsletter-signup h2 {
	text-align: center; 
	f/ont-size: 200%; 
	font-weight: normal; 
	padding-bottom: 20px;
	c/olor: #fff;
	c/olor: #808080; 
}

.newsletter-signup input {
  height: 5em;
  width: 17%;
  float: left;
  margin: 0px .5% 5px 0px;
  cursor: text;
  border: 1px solid #aaa;
  background: #fff;
  color: #fff;
  color: #000;
}

.newsletter-signup input {
  width: 100%;
}

.newsletter-signup input[type=text] {
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 5px;
  box-shadow: 0 0 5px #bbb;
  border: 1px solid #aaa;
}

.newsletter-signup input[type=text]:focus {
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 5px;
  box-shadow: 0 0 5px #888;
  border: 1px solid #888;
}

/* SUBMIT BUTTON */
.newsletter-signup .newsletter-submit input {
  cursor: pointer;
  font-weight: bold;
  height: 5em;
  width: 10%;
  color: #000;
  color: #fff;
  margin-top: 5px;
  margin-left: .5%;

  /* See: https://css-tricks.com/stripes-css/ */
  background: repeating-linear-gradient(
    -45deg,
    teal,
    teal 1px,
    darkcyan 2px,
    darkcyan 8px
  );
  background: repeating-linear-gradient(
    -45deg,
    green,
    green 1px,
    darkgreen 2px,
    darkgreen 8px
  );
}

.newsletter-signup .newsletter-submit input {
  width: 100%;
}

/* SUBMIT BUTTON : HOVER */
.newsletter-signup .newsletter-submit:hover input {
  background: #eee;
  color: #fff;
  background: repeating-linear-gradient(
    -45deg,
    darkgreen,
    darkgreen 1px,
    green 2px,
    green 8px

  );
}