#sodan
{
    width: 40%;
}

#infosTableContainer, #sodanTableContainer
{
    gap: 1lh;
}


@media (hover: hover) and (pointer: fine)
{
    .containerTwoColumns
    {
        @container two-columns (inline-size < 1750px)
        {
            .container
            {
                flex-direction: column;

            }
        }
    }
    #infos
    {
        @container two-columns (inline-size < 1111px)
        {
            flex-direction: column;
        }
    }
    #contact
    {
        @container two-columns (inline-size < 1750px)
        {
            display: flex;
        }
        @container two-columns (inline-size < 1250px)
        {
            display: block;
        }
        @container two-columns (inline-size < 1111px)
        {
            display: flex;
        }
        @container two-columns (inline-size < 728px)
        {
            display: block;
        }
    }
    #infosTable
    {
        @container two-columns (inline-size < 409px)
        {
            font-size: 3.3vw;
        }
        @media screen and (max-width: 366px)
        {
            font-size: 4.4vw;
        }
    }
    #sodan
    {
        @container two-columns (inline-size < 1750px)
        {
            width: 100%;
        }
    }
    #sodanTable
    {
        @container two-columns (inline-size < 552px)
        {
            font-size: 2.6vw;
        }
    }
}

@media (hover: none) and (pointer: coarse)
{
    .containerTwoColumns
    {
        @container two-columns (inline-size < 1412px)
        {
            .container
            {
                flex-direction: column;

            }
        }
    }
    #infos
    {
        @container two-columns (inline-size < 848px)
        {
            flex-direction: column;
        }
    }
    #contact
    {
        @container two-columns (inline-size < 1412px)
        {
            display: flex;
        }
        @container two-columns (inline-size < 954px)
        {
            display: block;
        }
        @container two-columns (inline-size < 848px)
        {
            display: flex;
        }
        @container two-columns (inline-size < 557px)
        {
            display: block;
        }
    }
    #infosTable
    {
        @container two-columns (inline-size < 370px)
        {
            font-size: 3.8vw;
        }
        @media screen and (max-width: 365.5px)
        {
            font-size: 4.63vw;
        }
    }
    #sodan
    {
        @container two-columns (inline-size < 1412px)
        {
            width: 100%;
        }
    }
    #sodanTable
    {
        @container two-columns (inline-size < 432px)
        {
            font-size: 3.1vw;
        }
    }
}