body {
	background-color: #151515; 
}

@media screen and (max-width: 1199px) {
	/* for mobile devices */ 
	body {
		background-image: url("../images/mobile_bg_test.png");
		background-repeat: no-repeat;	
		background-position: top center; 
		background-size: cover; /*background-size: 110vw 100vh;*/
	}
}

@media screen and (min-width: 1200px) {
	/* for desktop devices */
	body {
		background-image: url("../images/desktop_bg_test.png");
		background-repeat: no-repeat;	
		background-position: top center;
		background-size: cover;
	}
}


/* text color styles */
h1, h2, h3, h4, h5, h6 {
	color: black;
}
.c-color {
	color: black;
}
.c-color > div > div small {
	color: black !important;
}
.c-color-modal {
	color: black;
}
.c-color-nav {
	color: black;
	display: block;
	padding: .5rem 1rem;
}

/* buttons */
.c-toggle-btn {
	border: 2px solid #171717; 
	border-radius: 6px;
}
.c-toggle-icon {
	color:#000; 
	font-size:30px;
}


/* element colors and backgrounds */
.header-base {
	background-color: rgba(249,249,248,0.96); /*#f2f2f2*/
}
.section-base {
	background-color: rgba(248,248,248,0.94);
	border-radius: 5px;
}
.c-bg-color-2 {
	background-color: rgba(248,248,248,0.50);
}
.chart-bg-color {
	/*background-color: #f2f2f2;*/
	background-color: rgba(248,248,248,0.50);
}
.modal-bg-color {
	background-color: #f2f2f2;
}