.projects-header-container {
    padding-top: calc(var(--unit) * 2);
    padding-bottom: calc(var(--unit) * 2);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.projects-header {
    margin-left: var(--unit);
    text-align: center;
    font-size: 36px;
    line-height: 100%;
}

.projects-container {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: calc(var(--unit) * 6);
    padding: 0 var(--site-padding);
    max-width: var(--max-width);
    margin: auto;
}

@media only screen and (min-width: 600px) {
    .projects-header {
        font-size: calc(var(--fontsize) * var(--multiplier-header));
        padding-bottom: var(--unit);
    }

    .projects-header-container {
        padding-top: calc(var(--unit) * 6);
        padding-bottom: calc(var(--unit) * 6);
    }
}

@media only screen and (min-width: 700px) {
    .projects-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (min-width: 1020px) {
    .projects-container {
        grid-template-columns: repeat(2, 1fr);
    }
}