/* Site design by mediasuni.fi */

h1 { margin: 0px; paddin: 0px; }
label { visibility: hidden; }

.logo1 { width: 3.2vw; height: 3.2vw; }
.logo2 { width: 3.2vw; height: 3.2vw; }

.header {
	width:			100%;
	height: 		3.8vw;
	padding:		0% 0% 1% 0%;
	background-color:	rgba(150,150,150,0.5);
}

.subheader {
	width:			100%;
	height:			3.8vw;
	padding:		0px 0px 0px 0px;
	margin: 		0px;
	background-color:	rgba(150,150,150,0.5);
}

.menu {
	padding:		0px;
	margin: 		0px;
}

.menu-mob {
	display:		none;
}

.icon {
	display: 		none;
}

.button a {
	color: 			#666699;
	padding: 		2px 6px;
	text-decoration: 	none;
	display:		block;
}
.button a:hover {
	color: #3333FF;
}

.button {
	border-radius:		15px;
	border:			1px solid;
	border-color:		#CCCCFF;
	background-color:	transparent;
	background-repeat:	no-repeat;
	display:		inline-block;
	text-align:		center;
	font-size:		28px;		font-size: 	2.0vw;
	padding:		2px 2px 5px 5px;
	margin:			3px;
}

.button:hover {
	background-color:	#CCCCFF;
	border-color:		#9999CC #3333FF;
	transition:		background-color 0.3s;
	transition:		border-color 0.6s;
}

.button-active {
	background-color:	#CCCCFF;
	border-radius:		15px;
	border:			1px solid;
	border-color:		#9999CC #3333FF;
	background-repeat:	no-repeat;
	display:		inline-block;
	text-align:		center;
	font-size:		28px; 		font-size: 	2.0vw;
	padding:		2px 2px 5px 5px;
	margin:			3px;
}
.button-active a {
	color:			#666699;
	padding:		2px 6px;
	text-decoration:	none;
	display:		block;
}

/* ipad portrait */
@media only screen and ( min-width: 768px) and ( max-width: 980px ) {

	.logo1 { float: left;  width: 8vw; height: 8vw; }
	.logo2 { float: right; width: 8vw; height: 8vw; }

	.header {
		height: 		8vw;
	}
	.subheader {
		height: 		6vw;
	}

	.button {
		font-size: 		20px; 	font-size: 	2.8vw;
	}
	.button-active {
		font-size: 		20px; 	font-size: 	2.8vw;
	}
}


/* phone */
@media only screen and ( max-width: 859px) { 

	.logo1 { float: center; width: 8vw; height: 8vw; }
	.logo2 { float: center; width: 8vw; height: 8vw; }

	H1 {
		float:			left;
		padding:		2px 2px 2px 10px;
	}
	.header {
		height: 		12vw;
	}
	.subheader {
		display:		none;
		height: 		10vw;
		padding:		0px 0px 20px 0px;
	}
	.menu {
		display:		none;
	}
	.menu-mob {
		float:			right; 
		display:		inline-block;
		padding:		2px;
		margin:			0px;
	}
	.menublock {
		width:			140px;
		height:			98%;
		font-size:		5vw;
  		background-color:	#CCCCFF;
  		border-color:		#9999CC #3333FF;
	}
}