body {
            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        }
        
        body.home {
            /* background-color: #11100e;
            color: white !important; */
            background-image: url('../img/bg-green.jpg');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }
        
        .header-row {
            margin-top: 24px;
            margin-bottom: 48px;
        }
        
        .header-row .brand {
            padding: 0;
        }
        /*         .header-row .button:hover {
            background-color: orangered;
            border: 1px solid rgb(252, 77, 13);
            color: whitesmoke;
        } */
        
        .home-nav a {
            /* color: white !important; */
        }
        
        .home h1,
        .home h2 {
            text-transform: uppercase;
        }
        
        .home h1 {
            font-size: 8em;
            margin: 3rem 0;
            padding: 0;
            line-height: 6rem;
        }
        
        .home h2 {
            font-size: 4em;
            margin: 3rem 0 3rem;
            padding: 0;
            line-height: 6rem;
        }
        
        .text-white {
            color: white !important;
        }
        
        .text-justify {
            text-align: justify !important;
        }
        
        .lev1,
        .lev2,
        .lev3 {
            list-style-type: none;
        }
        
        .lev1 {
            counter-reset: lev1;
            /* first lev counter - for 1, 2, 3 */
        }
        
        .lev2 {
            counter-reset: lev2;
            /* second lev counter - for 1.1, 1.2 */
        }
        
        .lev3 {
            counter-reset: lev3;
            /* third lev counter - for (a), (b) */
        }
        
        li {
            display: block;
        }
        
        li::first-letter {
            text-transform: capitalize;
        }
        
        li:not(:last-child):after,
        li>ol:before {
            content: " ";
            display: block;
            position: relative;
            /* height: 20px; */
            /* this is filler where height should be equal to required line height */
            left: 0px;
            top: 100%;
        }
        
        .lev1,
        .lev2,
        .lev3 {
            margin: 0;
            padding: 0;
        }
        
        .lev1>li {
            margin-top: 18px;
            text-transform: uppercase;
        }
        
        .lev2 {
            margin-top: 12px;
            text-transform: none;
        }
        
        .lev1>li,
        .lev3>li {
            padding-left: 60px;
        }
        
        li:before {
            margin-left: -60px;
            /* following 2 props are for consistent spacing between numbering and text */
            width: 50px;
            display: inline-block;
            margin-right: 10px;
            padding: 0 6px;
        }
        
        li::after {
            margin-left: 10px;
            display: inline-block;
        }
        
        .lev1>li {
            font-weight: bold;
        }
        
        .lev1>li:before {
            font-weight: bold;
            /*border-bottom: 2px solid var(--color-success);*/
            background-color: #b1f3a8;
            display: inline-block;
        }
        
        .lev1>li * {
            font-weight: normal;
        }
        
        .lev1>li b {
            font-weight: bold !important;
        }
        
        .lev1>li:before {
            content: counter(lev1)".";
            /* display current item number + dot */
            counter-increment: lev1;
            /* increment counter everytime a new element of that lev is encountered */
        }
        
        .lev2>li:before {
            content: counter(lev1)"." counter(lev2);
            /* format lev 1 counter + dot + lev 2 counter */
            counter-increment: lev2;
        }
        
        .lev3>li:before {
            content: "(" counter(lev3, lower-latin)") ";
            /* format ( + lev3 counter + ) */
            counter-increment: lev3;
        }
        
        .mt-1 {
            margin-top: 2rem
        }
        
        .mt-2 {
            margin-top: 4rem
        }
        
        .mt-3 {
            margin-top: 6rem
        }
        
        .mt-4 {
            margin-top: 8rem
        }
        
        .mt-5 {
            margin-top: 10rem
        }
        
        .mb-1 {
            margin-bottom: 2rem
        }
        
        .mb-2 {
            margin-bottom: 4rem
        }
        
        .mb-3 {
            margin-bottom: 6rem
        }
        
        .mb-4 {
            margin-bottom: 8rem
        }
        
        .mb-5 {
            margin-bottom: 10rem
        }
        
.img_main_nav_logo { margin: 0px; padding: 0px; width:50px !important; height: 50px !important;}