* { margin: 0; padding: 0; font-size: 12px; font-family: Roboto, Calibri, sans-serif; color: #333; }
strong { font-size: 95%; font-weight: bold; }
em { font-size: 100%; font-style: italic; }

div#heading { margin-bottom: 1em; padding: 1.5em 0; background-color: #4c486d; text-align: center; }
div#kstitle { margin: 0 auto; width: 80%; }
div#mainbody { margin: 0 auto; width: 80%; clear: both; }
div#wallet { float: left; text-align: center; }
div#calc { float: left; text-align: center; }
div.question { padding: 0.5em 0 1em 0; }
div.answer { margin: 0 auto 1em auto; padding: 1em; width: 80%; border: 1px solid #b89940; background-color: #dabb62; }
div#footer { margin-top: 1em; padding: 1em 0; background-color: #4c486d; text-align: center; clear: both; }

div#hrline { margin: 1em 0 3em 0; clear: both; width: 100%; }
hr { height: 1.5em; background-color: #4c486d; }

/* For mobile phones: */
[class*="col-"] {
	width: 100%;
}

/* For tablets: */
@media only screen and (min-width: 600px) {
	.col-t-25 { width: 24.5%; }
	.col-t-33 { width: 33%; }
	.col-t-50 { width: 49%; }
	.col-t-100 { width: 100%; }
}

/* For desktop: */
@media only screen and (min-width: 768px) {  
	.col-25 { width: 24.5%; }
	.col-33 { width: 33%; }
	.col-50 { width: 49%; }
}

h1, h2 { text-align: center; }
h1 { margin: 0.2em 0; font-size: 400%; }
h2 { font-size: 175%; }
h3 { margin-bottom: 1em; font-size: 150%; }
p, label, select, button { font-size: 130%; }
label { line-height: 2em; }
select { width: 60%; }
option { font-size: 95%; }
button { margin-bottom: 1em; padding: 0.25em 0.5em; border-radius: 0.2em; background-color: #dabb62; border: 1px solid #333; }

#heading p, #footer p { color: #fff; }
#heading a { padding: 0.3em 0.75em; background-color: #dabb62; color: #4c486d; font-size: 90%; text-decoration: none; border-radius: 0.25em; }

#kstitle img { float: left; margin: 0 10%; }
#kstitle h2 { margin-bottom: 0.2em; }
#kstitle a { font-size: 100%; text-decoration: underline; }

#wallet img { width: 80%; border-radius: 1em; }
#wallet p { margin: 0.5em 0; }
#wallet a { font-size: 100%; color: #218c57; font-weight: bold; text-decoration: none; }

#calc p#addons { margin-bottom: 1.5em; }