/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

@media (min-width: 1200px)
{
    .container
    {
        width: 100% !important;
    }
}

.container
{
    width: 100% !important;
}

ul.sf-menu, ul.sf-menu > li
{
    white-space: normal !important;
    float: left !important;
    /* width: 100% !important; */
    height: auto !important;
    word-wrap: break-word !important;
}

ul.sf-menu > li
{
    /* width: 30% !important; */
    /* clear: both !important; */
    word-wrap: break-word !important;
    display: inline !important;
}