.header {
    display: grid;
    padding: 2rem 0;
    place-items: center;
}

h1 {
    font-size: clamp(2.5rem, 6vw, 4rem);
    /* auch min, max */
}

.grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    grid-auto-rows: 120px;
    gap: 1rem;
}

.grid-item {
    background-color: lightgrey;
    /* TODO fastest way to center */
}

.absolute-grid-item {
    display: block;
    position: absolute;
    background-color: red;
    color: black;
    font-weight: bold;
}


.section2 {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 100vh;
    display: block;
    max-width: 800px;
    margin: 100vh auto 0 auto;
}

/* .content-image-bg {
    background-image: url(/assets/img/rock-lowres.jpg);
} */

a {
    text-decoration: none;
    font-weight: bold;
    color: var(--web-crossing-blue, navy)
}


.stacking-grid {
    max-width: 800px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    place-items: center;
   
}
.stacking-grid > * {
    grid-area: 1 / 1;
}