#block-newslettersignupblock {
  background-color: #2a418b;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  margin-left: calc(50% - 50vw);
  margin-right: calc(51% - 50vw);
}

#block-newslettersignupblock .newsletter-signup-block {
  width: 100%;
  background-color: #2a418b;
  margin-bottom: 0;
}

#block-newslettersignupblock .form-group {
  display: block;
}

#block-newslettersignupblock .form-item {
  display: inline-block;
}

#block-newslettersignupblock .form-item-get-email,
#block-newslettersignupblock .form-item-type{
  width: 100%;
}

#block-newslettersignupblock .form-item-receive-info .select-wrapper {
  width: 100px;
}

#block-newslettersignupblock .form-item-first-name,
#block-newslettersignupblock .form-item-last-name {
  display: block;
  width: 48%;
}

#block-newslettersignupblock .form-item-get-email,
#block-newslettersignupblock .form-item-first-name {
  display: block;
  margin-right: 2%;
}

#block-newslettersignupblock > .newsletter-signup-block > .container > .row > .last {
  color: #ffffff;
  padding: 30px;
}

#block-newslettersignupblock > .newsletter-signup-block > .container > .row > .last > h2 {
  margin-top:0;
  font-size:36px;
}

#newsletter-signup-form > .form-group:first-child {
  margin-top: 15px;
}

#newsletter-signup-form > .form-item {
  margin-top: 5px;
}

#newsletter-signup-form > .form-group > .form-item > label{
  font-weight: normal;
}

#newsletter-signup-form > .form-group > .btn {
  background-color: #ffae00;
  border: 0px;
  margin-top: 10px;
}


#newsletter-signup-form > .form-group > .checkbox > label {
  display: inline-block !important;
  float: left;
  /*color: #fff;*/
}

#newsletter-signup-form > span > .required {
  color: #f00;
}

#newsletter-signup-form > .form-item-data-privacy > label > a {
  color: #fff;
}

#newsletter-signup-form > .form-item-data-privacy > label > a:hover {
  color: #ffae00;
}

@media screen and (max-width: 767px) {
  #block-newslettersignupblock .form-item-get-email,
  #block-newslettersignupblock .form-item-type,
  #block-newslettersignupblock .form-item-first-name,
  #block-newslettersignupblock .form-item-last-name {
    width: 95%;
  }
}

@media screen and (min-width: 768px) {
  /*.newsletter-signup-block > .container > .row > .first {
    background-color: #fffbf1;
    padding:30px;
    min-height: 415px;
    background-image: url('/themes/custom/assessor/images/form-on-clipboard.png');
    background-position: right;
    background-size: 300px 415px;
    background-repeat: no-repeat;
    background-color:transparent;
    }*/
}