
  body.about-page > main > section#ourMissionSection > * {
    text-align: center;
  }

  body.about-page > main > section#ourValuesSection::before {
    background-color: #f5f8f9
  }
  
  body.about-page > main > section #valuesList {
    list-style-image: url(https://ketri.dev/pub/file/f540ebed/688dd432/chevron-circle-right-solid.svg);
    padding-left: 1.3em;

    display: grid;
    grid-template-rows: auto;
    row-gap: 1em;
    column-gap: 2em;
    grid-column: 1/-1;
  }
  
  body.about-page > main > section #valuesList > li > h3 {
    margin-bottom: 0rem;
  }

  #ourJourneySection > div:first-of-type > p {
    margin-bottom: 0em;
  }
  
  .timelineContainer {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start
  }
  
  .timelineContainer > .divWithIcon > div:first-of-type {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    
    margin-right: 1em;
    
    list-style-image: url(https://ketri.dev/pub/file/f540ebed/688dd432/chevron-circle-right-solid.svg);
  }
  
  .timelineContainer > .divWithIcon > div:first-of-type > .icon > svg {
    height: 1em;
    width: 1em;
    
    margin-top: 0.3em;
    
    fill: #fb6262
  }
  
  .timelineContainer > .divWithIcon > div:first-of-type > .icon {
    margin-right: 0em;
  }
  
  .timelineContainer > .divWithIcon > div:first-of-type > .line {
    height: 100%;
    border: 0.1em solid #fb6262;
  }
  
  .timelineContainer > .divWithIcon > div > p {
    margin-bottom: 1em;
  }
  
  .timelineContainer .timelineYear {
    font-weight: bold;
    color: #fb6262;
  }

  body.about-page > main > section#howWeWorkSection::before {
    background-color: #f5f8f9
  }
  

  body.about-page > main > section #logoList {
    
    list-style-type: none;
    
    justify-items: center;
    align-items: center;
    
    padding-left: 0em;
  }
  
  body.about-page > main > section #logoList>img {
    width: 100%
  }

  @media screen and (min-width: 500px) {
    
    body.about-page > main > section #logoList{
      grid-template-columns: repeat(auto-fit, minmax(6em, 1fr));
    }
  
  }
  
  @media screen and (min-width: 700px) {
    
    body.about-page > main > section #logoList{
      grid-template-columns: repeat(auto-fit, minmax(4em, 1fr));
    }
  
  }
