@import url("/static/css/list.css");

:root
{
    --height_slider: 100vh;
    --position_nav_ul_nested: relative;
    --position_search_bar: relative;
    --height_list_item_cb: 39rem;
    --top__content: 1rem;
    --margin__content: 0 0 var(--top__content) 0;
    --align_list_item_cb: top;
    --margin_list_item_cb: 1rem 1rem;
    --height_list_item_cb: auto;
    --top_search_bar: 0;
}

@media screen and (max-width: 1023px)
{
    :root
    {
    --width_ul_invement_li: 50%;
    }
}

@media screen and (max-width: 640px)
{
    :root
    {
    --width_ul_invement_li: 83%
    }
}


@media screen and (max-width: 480px)
{
    :root
    {
    --width_ul_invement_li: 100%;
    }
}


#_content
{
    position: relative;
    top: var(--top__content);
    margin: var(--margin__content);
}

.ul_investment
{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    justify-content: center;
}

.ul_investment li
{
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: calc(var(--width_ul_invement_li, 33%) - var(--margin-left_list_item_cb) - var(--margin-left_list_item_cb) - 5rem);
}