.header-gradient {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 1%, #000 30.7%, #2B3280 88.22%);
}

.values-gradient {
  background: linear-gradient(180deg, #2B3280 40.19%, #00539C 85.05%);
  color: white;
  padding-top:10rem;
  padding-bottom:10rem;
}


@media (min-width: 1440px) and (max-width: 1920px) {
  .header-gradient {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 1%, #000 30.7%, #00539C 88.22%);
  }
}

@media (min-width: 1024px) and (max-width: 1440px) {
  .header-gradient {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 1%, #000 25.7%, #00539C 88.22%);
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .header-gradient {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 1%, #000 20.7%, #00539C 88.22%);
  }
}

@media (min-width:648px) and (max-width: 768px) {
  .header-gradient {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 1%, #000 15.7%, #00539C 88.22%);
  }
}

@media (min-width:448px) and (max-width: 648px) {
  .header-gradient {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 1%, #000 10.7%, #00539C 88.22%);
  }
}

@media (max-width: 448px) {
  .header-gradient {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 1%, #000 5.7%, #00539C 88.22%);
  }
}