:root {
  --primary-color: rgba(26, 115, 213, 1); /*royal blue*/
  --primary-color-hover: rgba(26, 115, 213, .7);
  --secondary-color: #4DF5FF;  /*aqua*/
  --font-dark-color: #4059A2;
  --font-light-color: #FBF176;
}
body {
	font-size: 22px;
	font-weight: 300;
}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 {
	/*font-family: 'Montserrat', sans-serif;*/
	font-family: 'Anonymous Pro', monospace;
}
.show-wrap {
	width: 100%; 
	background-color: #C8D4F7;
}
.show-pad {
	padding: 21px;
}
.show-header {
	font-size: 24px;
	color: var(--font-dark-color);
	font-family: 'Anonymous Pro', monospace;
}
.uk-container-small {
	max-width: 46rem;
}
/* colors */
.primary-color {
	color: #88A1BE; 
}
.darkfont {
	color: var(--font-dark-color);
}
.lightfont {
	color: var(--font-light-color);
}
.fonts64 {
	font-size: 58px;
}
.fonts58index {
	font-size: 38px;
}
@media screen and (min-width: 768px), print {
	.fonts58index {
		font-size: 58px;
	}
}
.fonts16 {
	font-size: 16px;
}
.fontw700 {
	font-weight: 700;
}
.fontw300 {
	font-weight: 300;
}
.spacer15 {
	height: 15px;
}
.spacer25 {
	height: 25px;
}
.spacer35 {
	height: 35px;
}