// Headlines

h1,
h2,
h3,
h4,
h5,
h6 {
    color: @primary;
    font-weight: 700;

    @media (max-width: 768px) {
        text-align: center;
    }
}

h1 {
    font-size: 48px;
    margin-bottom: @space-md;
    line-height: @space-xl;

    @media (max-width: 768px) {
        font-size: 32px;
    }
}

h2 {
    font-size: 48px;
    margin-bottom: @space-md;
    line-height: @space-xl;

    @media (max-width: 768px) {
        font-size: 28px;
    }
}

h3 {
    font-size: 24px;
    margin-bottom: @space-sm;

    @media (max-width: 768px) {
        font-size: 18px;
    }
}

// Link

a {
    text-decoration: none;
    color: @on-background;
}
