.newsletter {
  background-color: var(--color-blue);
}

.newsletter__wrapper {
  display: flex;
  flex-direction: column;
  padding: 120px 0 100px;
  box-sizing: border-box;
  max-width: 750px;
  margin: 0 auto;
}
@media (min-width: 651px) and (max-width: 1024px) {
  .newsletter__wrapper {
    padding: 75px;
  }
}
@media screen and (max-width: 650px) {
  .newsletter__wrapper {
    padding: 30px;
  }
}

.newsletter__headline {
  font-family: var(--font-heading);
  font-weight: 300;
  margin: 0 auto 30px;
  color: var(--color-white);
  text-align: center;
}
@media (max-width: 1024px) {
  .newsletter__headline {
    margin: 0 auto 30px;
  }
}
@media screen and (max-width: 650px) {
  .newsletter__headline {
    font-size: 26px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .newsletter__headline {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}

.newsletter__form-wrapper {
  margin-bottom: 100px;
}

.newsletter__email {
  width: 100%;
  margin-right: 15px;
  border: none;
  font-weight: 500;
  font-family: var(--font-body);
  box-sizing: border-box;
  color: var(--color-dark-blue);
}
@media (min-width: 1025px) {
  .newsletter__email {
    padding: 20px 40px;
    font-size: 24px;
  }
}
@media (max-width: 1024px) {
  .newsletter__email {
    padding: 15px 25px;
    font-size: 19px;
  }
}
@media screen and (max-width: 650px) {
  .newsletter__email {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.newsletter__email:focus {
  outline: none;
}
.newsletter__email::placeholder {
  color: var(--color-dark-blue);
}

.newsletter__checkbox {
  margin: 5px 0 25px;
}
@media (min-width: 1025px) {
  .newsletter__checkbox {
    width: 725px;
  }
}

.newsletter__checkbox input {
  position: relative;
  top: 1px;
  width: 15px;
  height: 15px;
  margin: 5px 3px 0 0;
}

.newsletter__checkbox label {
  font-family: var(--font-body);
  color: var(--color-white);
}

.newsletter__submit-wrapper {
  text-align: right;
}

.newsletter__submit {
  font-family: var(--font-body);
  cursor: pointer;
  border: none;
  color: white;
  vertical-align: top;
  line-height: 18px;
  box-sizing: border-box;
  background-color: var(--color-orange);
}
@media (min-width: 1025px) {
  .newsletter__submit {
    padding: 30px;
    font-size: 20px;
  }
}
@media (max-width: 1024px) {
  .newsletter__submit {
    padding: 15px;
    font-size: 18px;
  }
}
.newsletter__submit:focus {
  outline: none;
}

.newsletter__socials {
  margin: 0 auto;
  font-size: 44px;
}

.newsletter__icon:not(:last-child) {
  margin-right: 15px;
}