.navigationContainerWrapper
{
    height: 3rem;
    min-height: 3rem;
    background-color: transparent;
}

    .navigationContainer
    {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 1rem;
    }

        .navigationLogoWrapper
        {
            width: 30%;
            height: auto;
            display: flex;
            align-items: center;
        }
            .lng {
                margin-left: 1rem;
            }
            .navigationLogoImage
            {
                height: 1.5rem;
            }

        .pageTitleWrapper
        {
            display: flex;
            justify-content: center;
            width: 40%;
        }

            .pageTitleText
            {
                padding: 0 0.6rem;
                font-weight: 600;
            }

        .navigationLinksWrapper
        {
            display: flex;
            width: 30%;
            justify-content: flex-end;
        }

            .navigationLink
            {
                padding: 0 0.5rem;
                color: #1869ff;
                text-decoration: none;
            }

            .navigationLinkActive
            {
                color: black;
            }
    

@media screen and (max-width: 414px)
{
    .
    {

    }
}

@media screen and (min-width: 415px) and (max-width: 768px)
{
    .
    {

    }
}

@media screen and (min-width: 769px) and (max-width: 1200px)
{
    .
    {

    }
}

@media screen and (min-width: 1201px)
{
    .
    {

    }
}