#title-text {
    background: var(--primary);

    &[data-background="white"] {
        background: #fff;
    }

    &[data-type="container"] {
        margin-inline: 64px;

        @media only screen and (max-width: 980px) {
            margin-inline: 10px;
        }       
    }

    .wrap {
        padding-block: 40vh;
        overflow: hidden;
        position: relative;
        justify-items: center;
        position: sticky;
        top: 0;

        .context {
            max-width: 60em;
            display: grid;
            align-items: center;
        }

        .title {
            grid-row: 1;
            grid-column: 1;
        }

        .desc {
            grid-row: 1;
            grid-column: 1;
            font-size: 56px;
            color: #000;
            text-align: center;      

            @media only screen and (max-width: 980px) {
                font-size: 32px;       
            }

        }


        @media only screen and (max-width: 980px) {
            padding-block: 100px;
        }
    }
}