@import '../dynamic';

h1,
h2,
h3,
h4 {
    margin: 0 0 1rem 0;
}

.display-1,
.display-2,
.display-3,
.display-4 {
    font-family: $font-family-base;
}

.text-inter {
    font-family: $font-family-base;
}

.text-inter-medium {
    font-family: $font-family-base;
    font-weight: 500;
}

.text-styled {
    font-family: $font-family-base;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.075em;
}

// Remember to set language when using hyphenation!
// https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens
.text-hyphenate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
}