ul.menu-links li.hided
{
    display:none;
}

ul.menu-title li.categories
{
    display:none;
}

ul.menu-links li.hided a
{
    float:left;
    width:100%;
}

ul.menu
{
    width:90%;
    margin:20px 5%;
}

ul.menu-title > li.title
{
    text-align:center;
    padding:10px 0px;
    border-bottom:1px solid #fff;
}

ul.menu-title > li.title a
{
    font-family: 'Rubik Mono One', sans-serif;
    color:white;
    text-decoration:none;
}

ul.for-boys > li.title
{
    background-color:#f358ff;
}

ul.for-girls > li.title
{
    background-color:#ff63bd;
}

ul.for-boys li.control
{
    background-color:#FCEFFF;
    color:#8800ad;
}

ul.for-boys li.hided a
{
    color:#bd0fe0;
    border-bottom:1px solid #f358ff;
}

ul.for-girls li.hided a
{
    
    color:#f01e8d;
    border-bottom:1px solid #ff63bd;
    
}

ul.for-girls li.control
{
    background-color:#FFEFF7;
    color:#b80060;
}

ul.menu-links li.control
{
    width:80%;
    padding:10px 10%;
    border-bottom:1px solid white;
    cursor:pointer;
}

ul.menu-links li.hided a
{
    float:left;
    width:70%;
    padding:10px 15%;
    text-decoration:none;
}

@media screen and (min-width:960px)
{
    ul.menu > li
    {
        width:48%;
        margin:0px 1%;
    }
    
    ul.menu-title li.categories
    {
/*                             display:block; */
        position:absolute;
        margin-top:40px;
        z-index:100;
        background-color:white;
        width:88%;
    }
    
    ul.for-girls li.categories
    {
        margin-left:-45%;
    }
    
    ul.menu-links li.control
    {
        display:none;
    }
    
    ul.menu-links li.hided
    {
        display:block;
    }
    
    ul.categories li.menu-links-age
    {
        width:50%;
    }
    
    ul.categories li.menu-links-category
    {
        width:50%;
    }
}