div#mc_embed_signup {
  background-color: #808080;
  color: #fff;
  clear: both;
}
div#mc_embed_signup form {
  padding: 0;
}
div#mc_embed_signup_scroll {
 padding: 1rem; 
}
div#mc_embed_signup_scroll h2 {
  float: left;
  color: #fff;
  display: none;
}
div#mc_embed_signup_scroll .indicates-required {
  float: right;
  padding: .5rem .5rem 0 0;
  display: none;
}
div#mc_embed_signup_scroll .form-message {
}
div#mc_embed_signup_scroll .mc-field-group-wrapper {
  display: table;
  width: 100%;
}
div#mc_embed_signup_scroll .mc-field-group-wrapper .mc-field-group {
  display: table-row;
}
div#mc_embed_signup_scroll .mc-field-group-wrapper .mc-field-group > * {
  display: table-cell;
}
div#mc_embed_signup_scroll .mc-field-group-wrapper .mc-field-group > label {
  /*text-align: right;*/
  /*padding: .4rem 1rem .4rem 0;*/
  display: none;
}
div#mc_embed_signup_scroll .mc-field-group-wrapper .mc-field-group > input {
  margin-bottom: .5rem
}

div#mc_embed_signup_scroll input#mc-embedded-subscribe {
    background-color: red;
    width: 100%;
    display: block;
    margin: 1rem auto;
    padding: 1rem;
}


@media screen and ( min-width: 600px ) {
  
  div#mc_embed_signup_scroll .mc-field-group-wrapper {
    width: 100%;
    clear: both;
    display: flex;
    
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  div#mc_embed_signup_scroll .mc-field-group-wrapper .mc-field-group {
    display: initial;
    flex-basis: 48%;
  }
  div#mc_embed_signup_scroll .mc-field-group-wrapper .mc-field-group > * {
    width: 100%;
  }
  div#mc_embed_signup_scroll .mc-field-group-wrapper .mc-field-group > label {
    /*padding: .4rem 0;*/
  }
}

@media screen and ( min-width: 900px ) {
  div#mc_embed_signup_scroll {
    display: flex;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
  }
  div#mc_embed_signup_scroll .form-message {
    white-space: nowrap;
    padding-right: 1rem;
  }
  div#mc_embed_signup_scroll .mc-field-group-wrapper .mc-field-group {
    flex-basis: 33%;
  }
  div#mc_embed_signup_scroll .mc-field-group-wrapper .mc-field-group > input {
    margin-bottom: 0;
  }
  div#mc_embed_signup_scroll input#mc-embedded-subscribe {
    background-color: red;
    width: auto;
    display: block;
    margin: 0 0 0 1rem;
    padding: 0 1rem;
    height: 34px;
  }
}