.sxs-headline {
    &__tit {
        width: fit-content;

        &--uppercase {
            text-transform: uppercase;
        }

        &--shadowed {
            text-shadow: 0 3px 4px rgba($duller, .33);
            // text-shadow: 2px 2px 4px 0px rgba($duller, .22);
        }

        &--align {
            &-start {
                margin-right: auto;
                text-align: start;
            }

            &-center {
                margin-left: auto;
                margin-right: auto;
                text-align: center;
            }

            &-end {
                margin-left: auto;
                text-align: end;
            }
        }

        &--text {
            &-color {
                &-primary {
                    color: $primaryClear;
                }

                &-white {
                    color: #FFF;
                }
            }

            &-size {
                &-20 {
                    font-size: $text-20;
                }

                &-25 {
                    font-size: $text-25;
                }

                &-28 {
                    font-size: $text-28;
                }

                &-30 {
                    font-size: $text-30;
                }

                &-35 {
                    font-size: $text-35;
                }

                &-40 {
                    font-size: $text-40;
                }

                &-50 {
                    font-size: $text-50;
                }

                &-60 {
                    font-size: $text-60;
                }

                &-70 {
                    font-size: $text-70;
                }

                &-80 {
                    font-size: $text-80;
                }
            }

            &-weight {
                &-200 {
                    font-weight: 200;
                }

                &-300 {
                    font-weight: 300;
                }

                &-400 {
                    font-weight: 400;
                }

                &-500 {
                    font-weight: 500;
                }

                &-600 {
                    font-weight: 600;
                }

                &-700 {
                    font-weight: 700;
                }

                &-800 {
                    font-weight: 800;
                }

                &-900 {
                    font-weight: 900;
                }
            }

            &-leading {
                &-0 {
                    letter-spacing: 0;
                }
            }

            &-height {

                &-1\.1,
                * {
                    line-height: 1.1;
                }

                &-1\.2,
                * {
                    line-height: 1.2;
                }
            }
        }
    }

    b {
        font-weight: 900;
    }
}