.donate-xmas>.donate-xmas-person {
  display: none;
}

.donate-xmas input,
.donate-xmas textarea {
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
  font-size: 18px;
  color: black;
  padding: 10px 12px;
  background-color: transparent;
  border: 1px solid #707070;
  outline: none;
}

.donate-xmas input:focus,
.donate-xmas textarea:focus {
  border-color: #707070;
}

.donate-xmas-person {
  margin-bottom: 30px;
}

.donate-xmas-person>div {
  margin-bottom: 15px;
}

.donate-xmas-person .remove {
  border: 0;
  background: transparent;
  padding: 0;
  line-height: 1;
  opacity: .8;
  transition: opacity .3s;
}

.donate-xmas-person .remove:hover {
  opacity: 1;
}

.donate-xmas-person .remove svg {
  width: 15px;
}

@media screen and (min-width: 800px) {
  .donate-xmas-person>div:nth-child(3) {
    max-width: 150px;
  }

  .donate-xmas-person>div:nth-child(4) {
    max-width: 60px;
    margin-top: auto;
    margin-bottom: 30px;
  }
}

.donate-xmas-person>div label {
  font-size: 18px;
  text-transform: uppercase;
  color: #061E40;
}

.donate-xmas-person>div input {
  margin-top: 10px;
}

.donate-xmas-person>div:last-child {
  display: none;
}

@media screen and (min-width: 800px) {
  .donate-xmas-person {
    display: flex;
  }

  .donate-xmas-person>div {
    width: 100%;
  }
}

.donate-xmas-person__info {
  font-size: 18px;
  font-weight: bold;
  color: #EC3464;
}

.donate-xmas-person__type {
  display: none;
}

.donate-xmas-person>div {
  margin-right: 30px;
}

.donate-xmas-person>div:last-child {
  margin-right: 0;
}

.donate-xmas__buttons {
  margin-top: 30px;
}

.donate-xmas__buttons>button {
  border: 0;
  background-color: #061E40;
  color: white;
  padding: 15px 20px 15px 40px;
  font-size: 18px;
  background-image: url(images/plus-circle.svg);
  background-repeat: no-repeat;
  background-position-x: 10px;
  background-position-y: center;
  transition: background-color .3s;
  margin-bottom: 15px;
  width: 100%;
}

.donate-xmas__buttons>button:hover {
  background-color: #ec3464;
}

@media screen and (min-width: 800px) {
  .donate-xmas__buttons {
    display: flex;
  }

  .donate-xmas__buttons>button {
    margin-right: 30px;
  }

  .donate-xmas__buttons>button:last-child {
    margin-right: 0;
  }
}

.donate-xmas__extras label {
  font-size: 18px;
  text-transform: uppercase;
  color: #061E40;
}

.donate-xmas__extras input,
.donate-xmas__extras textarea {
  margin-top: 15px;
}

.donate-xmas__extras>div {
  margin-top: 30px;
}

.donate-xmas__extras>div:first-child {
  margin-top: 60px;
}

.donate-xmas__extras>div:nth-child(3) input {
  max-width: 150px;
}

.donate-xmas #donate {
  border: 0;
  background-color: #061E40;
  color: white;
  padding: 15px 20px;
  font-size: 18px;
  background-repeat: no-repeat;
  background-position-x: 10px;
  background-position-y: center;
  transition: background-color .3s;
  margin-bottom: 15px;
}

.donate-xmas #donate:hover {
  background-color: #ec3464;
}

.donate-xmas__buttons {
  max-width: 870px;
}

.donate-xmas__extras {
  max-width: 570px;
}

.donate-xmas__extras--grey {
  opacity: .3;
}

.donate-xmas-target{
  margin-left: auto;
  margin-right: auto;
}

.donate-xmas-target .donate-xmas-target__bar{
  width: 100%;
  height: 30px;
  background-color: #f1f1f1;
  border-radius: 20px;
}

.donate-xmas-target .donate-xmas-target__bar__progress{
  height: 100%;
  background-color: #dc2d5e;
  border-radius: 20px;
}

.donate-xmas-target__meta{
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}