index-main/assets/css/template/_package.scss

.content-package {
  // max-width: 1300px;
  max-width: var(--max-w-cards);
  margin: 0 auto;
  display: grid;
  grid-gap: calc(var(--padding-body) * 1.5);
  // grid-template-columns: 60% cacl(40% - var(--padding-body)*1.5);

  position: relative;

  .container-cards {
    display: block;
    align-self: start;
  }

  #section__investigations article {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .container__title {
    font-weight: normal;
    font-size: var(--fs-small);
    font-weight: 500;

    text-transform: uppercase;
    margin-bottom: calc(var(--spacing) * 0.75);
  }

  @media #{$medium} {
    #section__investigations {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: calc(var(--padding-inner) * 1.5) !important;
      margin-bottom: calc(var(--spacing) * 3);
      article {
        margin-bottom: 0px;
      }
      .container__title {
        grid-column: span 2;
        margin-bottom: 0px;
      }
    }
    section:target {
      padding-top: calc(var(--header-h) + var(--spacing));
    }
  }

  @media #{$medium-up} {
    #nav-package {
      display: none;
    }
    grid-template-columns: 1fr 1fr;
    #section__investigations {
      display: block;
      margin-bottom: 0px;
      article {
        margin-bottom: calc(var(--spacing) * 1);
      }
    }
  }

  @media #{$small} {
    display: block;
    #section__investigations {
      display: block;
    }
    .container__title {
      margin-bottom: calc(var(--spacing) * 0.5) !important;
    }
  }
}

#nav-package {
  display: flex;
  margin-top: calc(var(--spacing) * -1);
  margin-bottom: calc(var(--spacing) * 2);

  svg {
    width: 10px;
    height: 10px;
    transform: rotate(90deg);
  }
}
@media #{$medium-up} {
  #nav-package {
    display: none;
  }
}