@layer components {
    #main-header{
        padding-block: .75em;
        text-transform: uppercase;
        container: content / inline-size;

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

        h1{
            font-weight: 600;
            font-size: 22px;
            font-style: normal;
        }

        > div > div{
            font-weight: 600;
            font-size: 16px;
        }
    }
}