@media screen and (min-width: 601px) {
  #header .normal .right #navigator .item.isabout {
    pointer-events: none;
  }
}

#abouthead {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../../img/about_000.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  align-content: flex-end;
  margin: var(--espace);
  border-radius: var(--radius-050);
}

#abouthead .details {
  color: var(--color-000);
}

#abouthead .details .title {
  font-family: "yoga";
  margin: 0 0 var(--espace);
}

@media screen and (max-width: 600px) {
  #abouthead {
    height: 300pt;
  }

  #abouthead .details {
    padding: 0 var(--espace) var(--espace);
  }

  #abouthead .details .title {
    font-size: calc(var(--font-size-400) * 1.2);
  }
}

@media screen and (min-width: 601px) {
  #abouthead {
    height: 350pt;
  }

  #abouthead .details {
    padding: 0 25% calc(var(--espace) * 4) 25%;
  }
  
  #abouthead .details .title {
    font-size: calc(var(--font-size-400) * 2);
  }
}

#textabout {
  margin: 0 0 var(--espace);
}

#textabout .partservices .item .title {
  margin: 0 0 5px;
  font-family: "medium";
}

@media screen and (max-width: 600px) {
  #textabout .head {
    padding: 0 var(--espace);
  }

  #textabout .partservices {
    display: grid;
    gap: var(--espace);
    padding: 0 var(--espace);
    margin: calc(var(--espace) * 3) 0 0;
  }
}

@media screen and (min-width: 601px) {
  #textabout .head {
    padding: 0 calc(var(--espace) * 3) 0 calc(var(--espace) * 3);
  }

  #textabout .partservices {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: var(--espace);
    padding: 0 calc(var(--espace) * 3) 0 25%;
    margin: calc(var(--espace) * 3) 0 0;
  }
}