h1.page-headings {
    font-size: 2em;
    font-weight: 600;
    color: #1f7f9b;
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.25em;
    font-family: myriad-pro-semi-condensed, sans-serif;
    font-weight: 700;
    font-style: normal;
    text-align:center;
    margin-top: 60px;
}

.deliver-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 0px 60px;
  }
  @media only screen and (max-width: 900px){
    .deliver-wrapper {
  padding: 0px 0px;
  }
  }
.progress-header {
  font-family: 'myriad-pro-semi-condensed', sans-serif;
  text-transform: capitalize;
  font-size: 3em;
  letter-spacing: 2px;
  color: #1f7f9b;
  width: 100%;
  max-width: 1500px;
  text-align: center;
  margin: 15px 0; }
  @media only screen and (max-width: 786px) {
    .progress-header {
      line-height: 1em; } }

.progress__subheader {
  font-family: 'myriad-pro', sans-serif;
  font-weight: 400;
  font-size: 1.5em;
  text-transform: initial;
  letter-spacing: 2px;
  color: #796e65;
  width: 100%;
  max-width: 1500px;
  text-align: center;
  margin: 5px 0;
  }

.progress-bar-container {
  background-color: #fff;
  position: relative;
  margin: 15px 0px;
  height: auto;
  width: 100%;
  max-width: 1500px;
  border: 1px #c7531e solid;
  z-index: 1;
  padding: 0;
  }
  @media only screen and (min-width: 900px) {
    .progress-bar-container {
      width: 95%;
      height: 100px;
      } }

.tall {
  height: 100px !important; }

.progress-done {
  background-color: #c7531e;
  z-index: 2;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 0;
  opacity: 0;
  transition: 1s ease 0.3s;
  position: absolute;
  overflow: hidden; }
  @media only screen and (max-width: 900px) {
    .progress-done {
      height: 0;
      width: 100%; } }

.progress-done__amount__received-container {
  width: 96%;
  height: 100%;
  margin-right: 25px;
  line-height: 1.5em; }
  @media only screen and (max-width: 900px) {
    .progress-done__amount__received-container {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      } }

.progress-done__amount-received {
  font-size: 3em;
  display: block;
  width: 100%;
  text-align: right;
  margin: 15px;
  font-family: myriad-pro-condensed, sans-serif; }
  @media only screen and (max-width: 900px) {
    .progress-done__amount-received {
      text-align: center; } }

.progress-done__date {
  font-size: 1.5em;
  display: block;
  width: 100%;
  text-align: right;
  margin: 15px;
  font-family: myriad-pro-condensed, sans-serif; }
  @media only screen and (max-width: 900px) {
    .progress-done__date {
      text-align: center;
      height: auto; } }

.progress-done__goal {
  width: 50%;
  height: 100%;
  text-align: right;
  z-index: 0;
  color: #c7531e;
  margin-right: 15px;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative; }
  @media only screen and (max-width: 900px) {
    .progress-done__goal {
      width: 100%;
      height: 100%;
      margin-top: auto;
      margin-left: auto; } }

.progress-done__goal-white {
  display: none;
  position: absolute;
  width: 50%;
  height: 100%;
  text-align: right;
  z-index: 1;
  color: #fff;
  margin-right: 15px;
  margin-left: auto;
  flex-direction: column;
  align-items: flex-end; }
  @media only screen and (max-width: 900px) {
    .progress-done__goal-white {
      display: flex;
      width: 100%;
      height: 60%;
      top: 76%;
      margin: 0; } }
  @media only screen and (max-width: 800px) {
    .progress-done__goal-white {
      top: 77%; } }
  @media only screen and (max-width: 700px) {
    .progress-done__goal-white {
      top: 76%; } }
  @media only screen and (max-width: 560px) {
    .progress-done__goal-white {
      top: 94%; } }
  @media only screen and (max-width: 460px) {
    .progress-done__goal-white {
      top: 97%; } }

.progress-done__goal__amount {
  font-size: 3em;
  line-height: 1.15em;
  display: block;
  width: 100%;
  height: 60%;
  text-align: right;
  margin: 0;
  padding: 0;
  font-family: myriad-pro-condensed, sans-serif;
  font-weight: 600; }
  @media only screen and (max-width: 900px) {
    .progress-done__goal__amount {
      margin-top: auto;
      height: auto;
      text-align: center; } }

.progress-done__goal__name {
  font-size: 1.5em;
  display: block;
  width: 100%;
  height: 20%;
  line-height: 1.05em;
  text-align: right;
  margin: 0;
  padding: 0;
  font-family: myriad-pro-condensed, sans-serif; }
  @media only screen and (max-width: 900px) {
    .progress-done__goal__name {
      width: 100%;
      height: auto;
      text-align: center;
      margin-bottom: 3%; } }