.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; } }