:root {
    --font-size: 14px;
    --font-size-mob: 13px;
    --font-weight: normal;
    --font-family: 'Open Sans', sans-serif;
    --font-color: rgba(85, 85, 85, 1);

    --font-size-h1-mob: 24px;
    --font-size-h2-mob: 20px;
    --font-size-h1: 36px;
    --font-size-h2: 30px;

    --font-size-nav-brand: 25px;
    --font-size-mob-nav-brand: 18px;

    --font-size-grid-view: 12px;

    --font-size-post-title: 16px;
    --font-size-post-date: 13px;
    /*--icon-color: #68bb36;*/
    /*--primary-color: #68bb36;*/


    /*--top-bar-font-color: rgba(157,157,157,1);*/
    /*--top-bar-font-color-inverse: white;*/
    --top-bar-background: rgba(247,247,247, 1);
    --top-bar-border-color: rgba(231,231,231, 1);
    /*--top-bar-bg-color: rgba(34,34,34,0.9);*/

    --top-bar-height: 70px;
    --top-bar-mob-height: 100px;

    --side-bar-width: 255px;
    /*--side-bar-color: #e7e7e7;*/
    /*--side-bar-background-color: #f7f7f7;*/
    /*--side-bar-border-color: #f7f7f7;*/

    /*--action-panel-button-size: 100px;*/

    /*--top-and-action-panel-height: 140px;*/



    --blue: #337ab7;
    --red: red;
    --primary: #337ab7;
}