:root {  
	--body-bg: #F5F5F5;
	--body-clr: #34495e;
	--body-h2-h3-clr: #E57B12;
	--desc-a-clr: #018846;
	--title-bg: #38528A;
	--main-content-bg: #F5F5F5;
	--gallery-li-bg: #FFFFFF;
	--btn2-bg: #38528A;
	--btn2-hover-bg: #018846;
	--btn-success2-bg: #5CB85C;
	--btn-success2-clr:#FFFFFF;
	--btn-success2-hover-bg: #449d44;
	--btn-success2-hover-clr: #FFFFFF;
	--btn2-clr: #FFFFFF;
	--li-active-clr: #018846;
	--navbar-li-click-clr:: #2dcc70;
	--text-decoration: none;
	--text-decoration-thick: none;
	--footer-text-clr: #afafaf;
	--footer-text-hover-clr: #018846;
	--footer-gototop: #018846;
	--main-info-bg: #018846;
	--main-info-clr: #000000;
	--text-font-size: 15px;
	--h6-font-size: 12px;
	--h5-font-size: 14px;
	--h4-font-size: 18px;
	--h3-font-size: 24px;
	--h2-font-size: 30px;
}

.light-mode {  
	--body-bg: #F5F5F5;
	--body-clr: #34495e;
	--body-h2-h3-clr: #E57B12;
	--desc-a-clr: #018846;
	--title-bg: #38528A;
	--main-content-bg: #f5f5f5;
	--gallery-li-bg: #FFFFFF;
	--btn2-bg: #38528A;
	--btn2-hover-bg: #018846;
	--btn-success2-bg: #5CB85C;
	--btn-success2-clr:#FFFFFF;
	--btn-success2-hover-bg: #449d44;
	--btn-success2-hover-clr: #FFFFFF;
	--btn2-clr: #FFFFFF;
	--li-active-clr: #018846;
	--navbar-li-click-clr:: #2dcc70;
	--text-decoration: none;
	--text-decoration-thick: none;
	--footer-text-clr: #afafaf;
	--footer-text-hover-clr: #018846;
	--footer-gototop: #018846;
	--main-info-bg: #018846;
	--main-info-clr: #000000;
	--collapsible-hover-bg2: #9A9A9A;
}

.dark-mode {
	--body-bg: #959595;
	--body-clr: #34495e;
	/*--body-h2-h3-clr: #E57B12;*/
	--body-h2-h3-clr: #000000;
	--desc-a-clr: #018846;
	--title-bg: #38528A;
	--main-content-bg: #959595;
	--gallery-li-bg: #D5D5D5;
	--btn2-bg: #38528A;
	--btn2-hover-bg: #018846;
	--btn-success2-bg: #5CB85C;
	--btn-success2-clr:#FFFFFF;
	--btn-success2-hover-bg: #449d44;
	--btn-success2-hover-clr: #FFFFFF;
	--btn2-clr: #FFFFFF;
	--li-active-clr: #018846;
	--navbar-li-click-clr:: #2dcc70;
	--text-decoration: none;
	--text-decoration-thick: none;
	--footer-text-clr: #afafaf;
	--footer-text-hover-clr: #018846;
	--footer-gototop: #018846;
	--main-info-bg: #018846;
	--main-info-clr: #000000;
	--collapsible-hover-bg2: #9A9A9A;
}

.contrast-mode {
	--body-bg: #FFFFFF;
	--body-clr: #000000;
	--body-h2-h3-clr: #000000;
	--desc-a-clr: #000000;
	--title-bg: #000000;
	--main-content-bg: #FFFFFF;
	--btn2-bg: #000000;
	--btn2-hover-bg: #000000;
	--btn-success2-bg: #000000;
	--btn-success2-clr:#FFFFFF;
	--btn-success2-hover-bg: #000000;
	--btn-success2-hover-clr: #FFFFFF;
	--btn2-clr: #FFFFFF;
	--li-active-clr: #000000;
	--navbar-li-click-clr:: #000000;
	--text-decoration: underline;
	--text-decoration-thick: 3px;
	--footer-text-clr: #FFFFFF;
	--footer-text-hover-clr: #FFFFFF;
	--footer-gototop: #FFFFFF;
	--main-info-bg: #000000;
	--main-info-clr: #FFFFFF;
	--collapsible-hover-bg2: #000000;
}

.small-font {
    --text-font-size: 13px;
    --h6-font-size: 11px;
    --h5-font-size: 13px;
    --h4-font-size: 14px;
    --h3-font-size: 20px;
    --h2-font-size: 26px;
    --span3-width: 17;
}

.medium-font {
    --text-font-size: 15px;
    --h6-font-size: 12px;
    --h5-font-size: 14px;
    --h4-font-size: 18px;
    --h3-font-size: 24px;
    --h2-font-size: 30px;
    --span3-width: 23%;
}

.large-font {
    --text-font-size: 20px;
    --h6-font-size: 16px;
    --h5-font-size: 18px;
    --h4-font-size: 22px;
    --h3-font-size: 28px;
    --h2-font-size: 34px;
    --span3-width: 33%;
}