#logo {
	width:144px;
margin-top:0.75em;
	margin-bottom:0.25em;
}

.main-image{

padding-bottom:19em;
background-position:center center;

}


.home .main-image{

padding-bottom:25em;

}


#header-container{
padding-left:1em;
padding-right: 1em;
padding-top:0.5em;
padding-bottom:0.5em;
box-shadow: inset 0px 0px 0px 1000px rgba(9, 78, 174, 0.9);
 }           

.main-image-default{
	background-image:url('../images/main-image-default.jpg');
background-repeat:no-repeat;
background-size:cover;
background-position:center center;

}

#vahvuudet{
background-color: #094EAE;

}


.vahvuus img{
	width:80px;
	margin-bottom:0.75em;
}


p a, p a:active, p a:visited, h3 a, h3 a:active, h3 a:visited, h4 a, h4 a:active, h4 a:visited  {
	color:#094eae;
	text-decoration: none;
	border-bottom: solid 2px #094eae;
	font-weight:600;

}


#ala p a{
	border-color:#061427;
}


p a:hover, h4 a:hover, h3 a:hover {
	color:inherit;
	border-bottom:#094eae;
	
}







.grey-bg{
	
		background-color:#ece9e6;

}


.grey-light-bg, body{
	
		background-color:#f9f9f9;

		
}


.wood-bg, .wood-bg-left{
	background-image: url('../images/wood.svg');
	background-repeat: no-repeat;
	background-position: right -500px bottom -600px;
	background-size: 800px 800px;

	
}



.wood-bg-left{
	background-position: left -500px bottom -600px;

	
}




.blue-bg{
	background-color:#094eae;
	color:#ffffff;
}

.white-bg{
	
	background-color:#ffffff;
}
	
	
	
.button, .button:visited, #kielivalinta li a, #kielivalinta li a:visited, #teksti-kuva-nosto p:last-of-type a:last-of-type {
	display: block;
	text-decoration: none;
	padding: 0.7em;
	font-size:1.075rem;
	width: 100%;
	color: #FFFFFF;
	background-color: #094eae;
	border: solid 2px #094eae;
	text-align: center;
	transition: all .3s ease-in-out;
}

.wpcf7-submit {
	display: block;
	text-decoration: none;
	padding: 1.1em!important;
	font-size:1.1rem!important;
	width: 100%;
	color: #094eae!important;
	text-align: center;
	border: solid 2px #ffffff!important;
	border-radius:0!important;
	cursor:pointer!important;
	font-weight:600!important;
	background-color:#ffffff!important;
	transition: all .3s ease-in-out;

}


	
#kielivalinta li a, #kielivalinta li a:visited {
	padding: 0.2em;
	font-size:0.975rem;

	
}

#kielivalinta li a, #kielivalinta li a:visited, #yhteydenotto .button {
color:#ffffff;
	border-color:#ffffff;
background:transparent;
	
}

#kielivalinta li a:hover, #yhteydenotto .button:hover{
	background-color: #ffffff;
	color:#094eae;
}


.button-ghost, .button-ghost:visited, .button:hover, #teksti-kuva-nosto p:last-of-type a:last-of-type, #teksti-kuva-nosto p:last-of-type a:last-of-type:visited {
	background:transparent;
	color:#094eae;
}

.button-ghost:hover, .current-lang a, #teksti-kuva-nosto p:last-of-type a:last-of-type:hover {
	
	background-color:#094eae!important;
	color:#ffffff!important;
}



.wpcf7-submit:hover{
	background:transparent!important;
	color:#ffffff!important;
}

 .current-lang a, #kielivalinta li a:hover {
	
	background-color:#ffffff!important;
}


 .current-lang a{
	
	color:#094eae!important;
}
	

.border-top{
	border-top: solid 10px #094eae;
}


.border-top-thin{
	border-top: solid 6px #094eae;
}



#ingressi .button{
	margin-top:2em;
}
	
.button-white, .button-white:visited{
	background-color:#ffffff;
	border-color:#ffffff;
	color:#094eae;
}



.button-white:hover{
	background-color:#094eae;
	color:#ffffff;
}









label {
	
	display: block;
	margin-bottom: 0.25em;
	cursor: pointer;	
	font-size:1.1rem;
	font-weight:700;
	
}

input[type="text"], input[type="email"], input[type="tel"], textarea{
	font-size: 1rem;
	padding: 0.75em;
	width: 100%;
	-webkit-appearance: none;
	border:0;
	border-radius:0;
}


textarea{
	height: 200px;
	 overflow: auto;	
	
}





#ingressi{
	width:85%;
	max-width:1000px;
	margin-left:auto;
	margin-right: auto;
	text-align: center;
	z-index:1;
	position:relative;
}

.tuotenosto-teksti{
	width:85%;
	margin-left:auto;
	margin-right: auto;
	text-align: center;
	margin-bottom:4em;
	
}




.tuotenosto-teksti .logoelementti{
	width:90px;
	margin-bottom:0.6em;
}



#kielivalinta ul{
	margin-top:1em;
	margin-bottom:1em;
	margin-left:0;
	margin-right:0;
	padding:0;
		display:flex;
		justify-content: space-between;


}


#kielivalinta ul li{
	
	flex:1;

}


.box-shadow{

box-shadow: 0px 0px 24px rgba(0,0,0,0.04);
}

#some, #sertifikaatit{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	
}

#kumppanilogot-container{
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top:3em;
	
}

#kumppanilogot-container img{
	
	
	height: 45px;
	width:auto;
	margin-left:1em;
	margin-right:1em;
	margin-top:1em;
	margin-bottom:1em;
}

#some img{
	width:45px;
	margin-right: 2em;
	
}

#sertifikaatit img{
	height: 80px;
	width:auto;
}




#teksti-kuva-nosto{
	padding-top:2.75em;
}



.wp-block-column{
	margin-bottom:2em;
}


.yhteystieto a[href^="tel"], footer a[href^="tel"], footer a[href^="mailto"] { 
	padding-top:0.25em;
	padding-bottom:0.25em;
	margin-top:0.25em;
	background-image: url('../images/phone.svg');
	background-size: 17px 24px;
	padding-left:1.5em;
	background-repeat: no-repeat;
	font-weight: 600;
	background-position: left center;

	}
	
	
	.blue-bg.yhteystieto a[href^="tel"], footer a[href^="tel"] { 
	
	background-image: url('../images/phone-white.svg');
	

	}
	
	
	footer a[href^="mailto"] { 
	
	background-image: url('../images/email-white.svg');
	background-size: 17px 17px;


	}


@media all and (min-width: 1023px) {
.outer-container{
	margin-left:1.75em;
	margin-right:1.75em;
	
}

header{
	margin-top:1.75em;
}


footer{
	margin-bottom:1.75em;
}





#header-container{
	padding-left:2em;
	padding-right: 2em;
	padding-top:1em;
	padding-bottom:1em;
	display: flex;

	align-items: center;
}




#navigation-container{
	flex:2;
}


#logo {
	margin-top:0;
	margin-bottom:0;
	
}


 .main-image{
	padding-bottom:26em;
}


.home .main-image{
	padding-bottom:31em;
}




.tuotenosto .button{
	max-width:180px;
}




#logo{
		width:150px;

}


#kielivalinta{
	
	width:160px;
	margin-right: 2em;
	margin-top:0;
		
	}
	
	#kielivalinta ul{
		margin-top:0;
		margin-bottom:0;
	
	}
	
#yhteydenotto{
	
	width:160px;
	
	}



#kielivalinta li a, #kielivalinta li a:visited {
	padding: 0.75em;

	
}

#kielivalinta li a{
	font-size:1.055rem;
}

.button, #teksti-kuva-nosto p:last-of-type a:last-of-type,  .wpcf7-submit {
	max-width:220px;
	font-size:1.15rem;

}

 


#button-container{
	display:flex;
	justify-content:space-around;
	margin-left:auto;
	margin-right:auto;
	max-width: 480px;
}






#teksti-kuva-nosto{
	padding-top:0;
}

.wood-bg, .wood-bg-left{
	background-position: right -500px bottom -500px;
	background-size: 900px 900px;

	
}


.wood-bg-left{
	background-position: left -500px bottom -500px;

	
}



#some, #sertifikaatit{
	display:flex;
	justify-content: flex-end;
	
	
}




#kumppanilogot-container img{
	
	
	height: 60px;
	
	
	margin-top:0;
	margin-bottom:0;
}

.wp-block-column{
	margin-bottom:3em;
}



#vahvuudet{
background-image:url('../images/vahvuudet-bg.jpg');
background-repeat:no-repeat;
background-size:cover;
background-position: center center;
box-shadow: inset 0px 0px 0px 1000px rgba(9, 78, 174, 0.73);
background-attachment: fixed;

}




}

@media all and (min-width: 1260px) {



#header-container{
	
	padding-top:1.75em;
	padding-bottom:1.5em;

}



	
	 	#logo{
		width:164px;

}


 .main-image{
	padding-bottom:28em;
}


.home .main-image{
	padding-bottom:38em;
}





#kielivalinta{
	
	padding-left:3em;
	background-image: url(../images/language.svg);
	background-position: left center;
	background-size:30px 30px;
	background-repeat: no-repeat;
	
	width:200px;
	}


}
	
	
	
	
@media all and (min-width: 1400px) {
	
	 	#logo{
		width:172px;

}


#kielivalinta{
	
	width:240px;
	
	
	}
	
	
	
#yhteydenotto{
	
	width:200px;
	
	}
	
	
	
	.main-image{
	padding-bottom:32em;
}


.home .main-image{
	padding-bottom:42em;
}
	


}








@media all and (min-width: 1600px) {



 .main-image{
	padding-bottom:34em;
}


.home .main-image{
	padding-bottom:46em;
}


}