body {
	background-color: white;
	font-family: "Verdana", serif;
//	padding-left: 1em;
}

i {
	font-size: 2em;
	color: #EA4B29;
}

.color-primary-0 { color: #5AA4C0 }	/* Main Primary color */
.color-primary-1 { color: #BAE1F0 }
.color-primary-2 { color: #85C2DA }
.color-primary-3 { color: #3986A4 }
.color-primary-4 { color: #1F7393 }

.color-secondary-1-0 { color: #FFD671 }	/* Main Secondary color (1) */
.color-secondary-1-1 { color: #FFEEC3 }
.color-secondary-1-2 { color: #FFE197 }
.color-secondary-1-3 { color: #FFCD51 }
.color-secondary-1-4 { color: #EAB329 }

.color-secondary-2-0 { color: #FF8A71 }	/* Main Secondary color (2) */
.color-secondary-2-1 { color: #FFCEC3 }
.color-secondary-2-2 { color: #FFA997 }
.color-secondary-2-3 { color: #FF6F51 }
.color-secondary-2-4 { color: #EA4B29 }

.row {
	margin-bottom: 50px;
}

.col-sm-4 {
	margin-bottom: 50px;
}

footer {
	background-color: #ccc;
	color: #fff;
	padding: 32px;
}

.navbar {
	margin-bottom: 0;
	background-color: #5AA4C0;
	background-image: none;
	z-index: 9999;
	border: 0;
	font-family: "Verdana", serif;
}

.navbar li a, .navbar .navbar-brand {
	color: #fff !important;
}

.navbar-nav li a:hover, a.navbar-nav li.active a {
	color: #5AA4C0 !important;
	background-color: #fff !important;
}

.navbar-default .navbar-toggle {
	border-color: transparent;
	color: #fff !important;
}

#otsikko {
	font-size: 2em;
	padding-bottom: 1em;
	padding-top: 0.5em;
	padding-left: 0.5em;
	background-color: #5AA4C0;
	color: white;
}

#laatikko {
	/* border: 1px solid black; */
	background-color: white;
	padding-bottom: 1em;
}

#parametri {
	font-size: 1.5em;
	color: gray;
}

#arvo {
	font-size: 2em;
}

#yksikko {
	font-size: 0.75em;
	color: darkgray;
}

#footer {
	font-size: 0.75em;
	color: gray;
	padding-top: 2em;
}