/*
Voit kirjoittaa oman CSS-koodisi tähän.

Napsauta ohjepainiketta yllä saadaksesi lisätietoja.
*/
.harjTaulukko {
    font-size: small;
    width: 90%;
		border: 1px solid  #e6f2ff;
}
.harjTaulukko th,td
{
	padding:5px;
}
.custom-header
{
	background-color: white;
}
ul{
	margin-left:20px;
}
#secondary
{
	float:right;
	font-size:0.85rem;
	line-height:1.25;
}
.ksb-logo
{
border-style: none;
position: inherit;
z-index: 100;
margin-bottom: -226px;
margin-left: 220px;
}
header.entry-header
{
	visibility:hidden;
	position: inherit;
}
article
{
	margin-top:20px;
}
article.page
{
	float:left;
	width:90%;
	position:absolute;
}
aside.widget-area
{
	position:inherit;
	width:35%;
}
div.content-area
{
	float:left;
	margin-left:0;
	width:70%;
	position:relative;
}
@media only screen and (max-width:550px)
	{
	aside
	{
		float:none;
		font-size:0.85rem;
		line-height:1.25;
		width:100%;
	}
}
.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header
{
	margin-bottom:unset;
}
.site-title a, .colors-dark .site-title a, .colors-custom .site-title a, body.has-header-image .site-title a, body.has-header-video .site-title a, body.has-header-image.colors-dark .site-title a, body.has-header-video.colors-dark .site-title a, body.has-header-image.colors-custom .site-title a, body.has-header-video.colors-custom .site-title a, .site-description, .colors-dark .site-description, .colors-custom .site-description, body.has-header-image .site-description, body.has-header-video .site-description, body.has-header-image.colors-dark .site-description, body.has-header-video.colors-dark .site-description, body.has-header-image.colors-custom .site-description, body.has-header-video.colors-custom .site-description
{
	color: #19a1b7;
}

/*Computer screen */
@media screen and (min-width: 48em) {
	.twentyseventeen-front-page.has-header-image .custom-header-image, .has-header-image.home.blog .custom-header-image {
	/*height: 1200px;*/
	/*height: 100vh;*/
	height: 60vh;
	/*max-height: 100%;*/
	/*overflow: hidden;*/
	}
}
 
/* Mobile screen*/
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header {
	/*display: table;*/
	/*height: 300px;*/
	/*height: 75vh;*/
	height: 45vh;
	/*width: 100%;*/
}
 
/* Computer screen with logged in user and admin bar showing on front end*/
@media screen and (min-width: 48em) {
	.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-image {
	/*height: calc(100vh - 32px);*/
	height: calc(50vh - 32px);
	}
}