.row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
}

.col {
    display: flex;
    flex-direction: column;
    width: var(--content-width);
    align-items: flex-start;
}

.row-0 {
    height: 40vh;
    background-color: var(--color-white);
    color: var(--color-dark-blue);
}

.row-0 .col-0 {
    justify-content: flex-end;
    font-size: calc(var(--font-size) * 6);
    font-weight: 600;
}

.label {
    padding: 0 var(--margin);
    background-color: var(--color-dark-blue);
    color: var(--color-white);
    font-size: calc(var(--font-size) * 1);
    line-height: calc(var(--font-size) * 1.5);
    font-weight: 200;
}

.row-1 {
    flex: 1;
}

.row-1 a {
    text-transform: uppercase;
    padding: 0 calc(var(--margin));
    margin-top: var(--margin);
    display: block;
    background-color: var(--color-white);
    color: var(--color-dark-blue);
    font-size: calc(var(--font-size) * 1.5);
    line-height: calc(var(--font-size) * 2);
}

.row-1 a:hover {
    color: var(--color-white);
    background-color: var(--color-dark-blue);
}