#f-menu {
    background-image: url(../images/f-menu.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    display: table;
    margin: auto;
    width: 90%;
    /*min-height: 250px;*/
    color:#fff;
    padding: 0 5% 30px 5%;
}
 
 
#f-menu h4 {
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
    border-bottom: 2px dotted #fff;
    
    /*
    border-image: linear-gradient(to left, #0000 0%, #fff 50%, #0000 100%);
    border-image-slice: 1;
    */
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 10px; 
    
    width: 96%;
    margin-left: auto;
    margin-right: auto;   
}
 
#f-menu a {color:#fff;text-decoration: none;}
#f-menu .fa, #f-menu .fas {margin-right: 5px;} 
#f-menu ul { list-style: none; padding-inline: 0!important;} 
 
#f-menu .li-link {
    margin-left: 10%;
    max-width: 80%;
} 
 
#flex-navSupp ul {margin: 0;padding:0;list-style-type: none;text-align: center;line-height: 1.5em;}
#flex-navSupp ul {display:block;text-align:left;}
#flex-navSupp ul li h4 {text-align:center;}
#flex-navSupp ul li span {display:block;text-align:center;}
#flex-navSupp a.activePage {font-weight: bold;}
#flex-navSupp a:hover {text-decoration: none;}
.col {float: left;}

/* Example for styleing individual column blocks 
ul#col_1 {height:150px;}
ul#col_2 {height:150px;}
ul#col_3 {height:150px;}
ul#col_4 {height:150px;}
ul#col_5 {height:150px;}
ul#col_6 {height:150px;}
ul#col_7 {height:150px;}
ul#col_8 {height:150px;}
ul#col_9 {height:150px;}
*/
/* Each span represents a columns width */
.span_9_of_9 {width: 10.55%;}
.span_8_of_9 {width: 11.94%;}
.span_7_of_9 {width: 13.72%; }
.span_6_of_9 {width: 16.08%; }
.span_5_of_9 {width: 19.38%; }
.span_4_of_9 {width: 24.35%; }
.span_3_of_9 {width: 32.66%;}
.span_2_of_9 {width: 49.25%; }
.span_1_of_9 {width: 99%; }

/* Changes column width at 768px, changed to be consistent with responsive code */
@media only screen and (max-width: 768px) {
div#flex-navSupp>div>div>ul>li {display: block; text-align:left;}
.span_9_of_9 {width: 98%; }
.span_8_of_9 {width: 98%; }
.span_7_of_9 {width: 98%; }
.span_6_of_9 {width: 98%; }
.span_5_of_9 {width: 98%; }
.span_4_of_9 {width: 98%; }
.span_3_of_9 {width: 98%; }
.span_2_of_9 {width: 98%; }
.span_1_of_9 {width: 98%; }
#f-menu .li-link {
    margin-left: 10%;
    max-width: 80%;
}
#f-menu {padding: 0 0 30px 0;}
}
.ivt-footer {
    display: block !important;
    visibility: visible !important;
    background: #d30109 !important;
    
    /*background: linear-gradient(to right, #7abc24 0%, #008b5d 35%, #008b5d 65%, #7abc24 100%) !important;  */  
}

#col_4 img {filter: grayscale(100%);}