#sodan
{
    width: 40%;
}

@media (hover: hover) and (pointer: fine)
{
    .containerTwoColumns
    {
        @container two-columns (inline-size < 1733px)
        {
            .container
            {
                flex-direction: column;
            }
        }
    }
    #infos
    {
        @container two-columns (inline-size < 1040px)
        {
            flex-direction: column;
        }
    }
    #infosTable
    {
        @container two-columns (inline-size < 328px)
        {
            font-size: 4.1vw;
        }
        @media screen and (max-width: 365px)
        {
            font-size: 5.6vw;
        }
    }
    #contact
    {
        @container two-columns (inline-size < 1733px)
        {
            display: flex;
        }
        @container two-columns (inline-size < 1226px)
        {
            display: block;
        }
        @container two-columns (inline-size < 1040px)
        {
            display: flex;
        }
        @container two-columns (inline-size < 808px)
        {
            display: block;
        }
    }
    #sodan
    {
        @container two-columns (inline-size < 1733px)
        {
            width: 100%;
        }
    }
    #sodanTable
    {
        @container two-columns (inline-size < 552px)
        {
            font-size: 2.5vw;
        }
        @media screen and (max-width: 565px)
        {
            font-size: 2.9vw;

            @container two-columns (inline-size < 424px)
            {
                font-size: 2.8vw;
            }
        }
    }
    #sodanContact
    {
        @container two-columns (inline-size < 1432px)
        {
            display: flex;
        }
        @container two-columns (inline-size < 863px)
        {
            flex-direction: column;
        }
    }
}

@media (hover: none) and (pointer: coarse)
{
    .containerTwoColumns
    {
        @container two-columns (inline-size < 1328px)
        {
            .container
            {
                flex-direction: column;
            }
        }
    }
    #infos
    {
        @container two-columns (inline-size < 797px)
        {
            flex-direction: column;
        }
    }
    #infosTable
    {
        @container two-columns (inline-size < 0)
        {
        }
    }
    #contact
    {
        @container two-columns (inline-size < 1328px)
        {
            display: flex;
        }
        @container two-columns (inline-size < 937px)
        {
            display: block;
        }
        @container two-columns (inline-size < 797px)
        {
            display: flex;
        }
        @container two-columns (inline-size < 612px)
        {
            display: block;
        }
    }
    #sodan
    {
        @container two-columns (inline-size < 1328px)
        {
            width: 100%;
        }
    }
    #sodanTable
    {
        @container two-columns (inline-size < 432px)
        {
            font-size: 3.3vw;
        }
        @container two-columns (inline-size < 398px)
        {
            font-size: 3.2vw;
        }
    }
    #sodanContact
    {
        @container two-columns (inline-size < 1083px)
        {
            display: flex;
        }
        @container two-columns (inline-size < 624px)
        {
            flex-direction: column;
        }
    }
}