.footer-content p {
    color: #ffffff;
  }
  .water-header {
    background-color: #151515;
  }
  .water {
    background-color: #FDA76E;
  }
  .circle {
    background-color: #ffffff;
  }
  body {
    background-color: #F9F9F9;
  }
  .what-we-done {
    background: #ffffff;
  }
  .done-item {
    background: #000000;
  }
  .task-text {
    color: #151515;
  }
  .date {
    color: #676767;
  }
  .done-container-small {
    background: #ffffff;
  }
  .done-cart-small {
    background: #f9f9f9;
  }
  .done-cart-small-title {
    color: #151515;
  }
  .done-cart-small-description {
    color: #151515;
  }
  .date span {
    color: #151515;
  }
  .done-text-small {
    color: #151515;
  }
  .done-header-small {
    color: #151515;
  }
  .project-info-text-task {
    color: #151515;
  }
  .task-text-light {
    color: #151515;
  }
  /* Якшо потрібен блок як в моделі то додати в той проект стилі такі як тут з 56 стрічки до 66 стрічки*/
  .project-case-event-one {
    width: 49%;
  }
  .project-case-event-two {
    width: 49%;
  }
  @media screen and (max-width: 800px) {
    .project-case-event-two {
      width: 100%;
    }
  }
  /* -------------- */
  
  @media screen and (max-width: 700px) {
    .what-we-done {
      background-color: transparent;
    }
    .done-container-small {
      background-color: transparent;
    }
  }
  
  .project-case-container > p {
    color: #676767;
  }
  .project-case-event-info-cart > p {
    color: #676767;
  }
  .about-project {
    margin-top: 100px;
  }
  @media screen and (max-width: 700px) {
    .project-case-event-one-big {
      grid-template-columns: 1fr;
    }
  }