#sodan
{
    width: 40%;
}

@media (hover: hover) and (pointer: fine)
{
    .containerTwoColumns
    {
        @container two-columns (inline-size < 1674px)
        {
            .container
            {
                flex-direction: column;
            }
            #sodan
            {
                width: 100%;
            }
        }
    }
    #infos
    {
        @container two-columns (inline-size < 931px)
        {
            flex-direction: column;
        }
    }
    #infosTable
    {
        @media screen and (max-width: 366px)
        {
        }
    }
    #contact
    {
        @container two-columns (inline-size < 1674px)
        {
            display: flex;
        }
        @container two-columns (inline-size < 1070px)
        {
            flex-direction: column;
        }
        @container two-columns (inline-size < 931px)
        {
            flex-direction: row;
        }
        @container two-columns (inline-size < 578px)
        {
            flex-direction: column;
        }
    }
    #sodanTable
    {
        @container two-columns (inline-size < 552px)
        {
            font-size: 2.6vw;
        }
        @container two-columns (inline-size < 537px)
        {
            font-size: 2.5vw;
        }
        @container two-columns (inline-size < 515px)
        {
            font-size: 2.4vw;
        }
        @container two-columns (inline-size < 511px)
        {
            font-size: 2.9vw;
        }
        @container two-columns (inline-size < 424px)
        {
            font-size: 2.8vw;
        }
        @container two-columns (inline-size < 385px)
        {
            font-size: 2.7vw;
        }
    }
}

@media (hover: none) and (pointer: coarse)
{
    .containerTwoColumns
    {
        @container two-columns (inline-size < 1198px)
        {
            .container
            {
                flex-direction: column;
            }
            #sodan
            {
                width: 100%;
            }
        }
    }
    #infos
    {
        @container two-columns (inline-size < 719px)
        {
            flex-direction: column;
        }
    }
    #infosTable
    {
        @media screen and (max-width: 366px)
        {
        }
    }
    #contact
    {
        @container two-columns (inline-size < 1198px)
        {
            display: flex;
        }
        @container two-columns (inline-size < 825px)
        {
            flex-direction: column;
        }
        @container two-columns (inline-size < 719px)
        {
            flex-direction: row;
        }
        @container two-columns (inline-size < 459px)
        {
            flex-direction: column;
        }
    }
    #sodanTable
    {
        @container two-columns (inline-size < 432px)
        {
            font-size: 3.3vw;
        }
        @container two-columns (inline-size < 398px)
        {
            font-size: 3.2vw;
        }
        @container two-columns (inline-size < 356px)
        {
            font-size: 2.6vw;
        }
    }
}