html {
  scroll-behavior: smooth;
}

#logo, #logo img{
	width:225px;

}


#top-container{
	padding-top:1.5em;
	padding-bottom:3em;
}

#footer-logo {
width:300px;
margin-left:auto;
margin-right:auto;
margin-bottom:.85em;
}




.main-image-text{
	z-index:999999;
	position:relative;
}


.main-image-1, .main-image-2, .main-image-3, .main-image-4{
	background-repeat:no-repeat;
background-size:cover;
background-position: center center;
	
}


.main-image-1, .main-image-4{
background-image:url('../images/main-image-kesa.jpg');
height:200px;

}

.main-image-1{
	margin-bottom:-1em;
	margin-top:-1em;
}

.main-image-2{
		height:110px;
		position:relative;
		margin-bottom:1.5em;
		background-image:url('../images/main-image-2.jpg');


}


.main-image-3{
		background-image:url('../images/main-image-3.jpg');
height:110px;
		margin-bottom:1.5em;

}

.main-image-4{
			background-image:url('../images/main-image-4.jpg');
			margin-bottom:1.75em;
			margin-top:-1em;

}


.raiskale{
	width:110px;
	height:110px;
	position:absolute;
	right:-102px;
	top:-66px;
  animation: rotate 40s linear infinite; 


}




.fb-page{
	background-color:#ffffff;
	padding:1em;
	border:0!important;}





@keyframes rotate{
  to{ transform: rotate(360deg); }
}


.rounded-top{
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}


.rounded-bottom{
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.rounded{
	border-radius:20px;
}


.to-top, .to-top-alasivu{
	margin-top:-32px;
}






header{
	margin-bottom:.5em;
}



/* !Linkit ja painikkeet */


p a, p a:visited  {
	color:inherit;
	border-bottom: solid 2px #0045D0;}

.blue-bg-gradient p a, .blue-bg-gradient p a:visited{
	border-bottom-color:#ffffff;
}


p a:hover {
	border-bottom:0;
	
}






	
	
	
.button {
	display: block;
	text-decoration: none;
	padding: 1.1em 1.75em 1.1em 1.75em;
	width: 100%;
	max-width:380px;
	color: #ffffff;
	font-size:1rem;
	border-radius:50px;
	position:relative;
	text-align:center;
}





/* !Taustavärit*/

.blue-bg{
	background-color:#0045D0;
}

.blue-bg-gradient, .button{
	background-image: linear-gradient(#0045D0 0%,  #003AAE 100%);
}



.blue-bg-gradient-kuvitus{
	background: url("../images/kuvitus.svg") no-repeat center center, linear-gradient(#0045D0,  #003AAE);
background-size: cover, cover;
}



 .white-bg{
	background-color:#ffffff;
}



.button-white{
	background-color:rgba(255, 255, 255, 1);
	color:#0045D0;
}



.grey-bg{
	
	background-image: linear-gradient(#f8f8f8 0%, #d6d5d5 100%);
}



.grey-bg-gradient-kuvitus{
	background: url("../images/kuvitus-2.svg") no-repeat center center, linear-gradient(#f8f8f8, #d6d5d5);
background-size: cover, cover;
}



#yhteystiedot a[href^="tel"], #yhteystiedot a[href^="mailto"], #yhteystiedot a[href^="tel"]:visited, #yhteystiedot a[href^="mailto"]:visited{
	 background-image:url('../images/phone.svg');
	 background-size:32px;
	background-position:left 9px;
	background-repeat: no-repeat;
	padding-left:2.5em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	display:inline-block;
	color:#000e3a;
	font-weight:600!important;
} 

#yhteystiedot a[href^="mailto"]{
	 background-image:url('../images/email.svg');

} 



#yhteystiedot a[href^="tel"]:hover, #yhteystiedot a[href^="mailto"]:hover{
color:#0045D0!important;	
}



/* !Muut*/




.box-shadow{
	box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
	border: solid 9px #ffffff;
}












.nosto, .asiakaslogo, .palvelunosto{
	padding:1.75em;}


.footer-container{
	display:flex;
	flex-direction: column;
	align-items:center;
	gap:1.5em;
}


.footer-1{
	order:2;
}


.footer-2{
	order:1;
}


.footer-3{
	order:3;
}


.some{
	display:flex;
	justify-content: center;
	gap:1.75em;
	margin-top:2em;
	margin-bottom:.5em;
}

.some img{
	width:45px;
	height:45px;
}



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

.main-image-1, .main-image-4{
height:280px;

}


.main-image-2, .main-image-3{
height:220px;

}





}




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

header{
	margin-bottom:2.75em;
}

.to-top{
	margin-top:-48px;
}


.to-top-alasivu{
	margin-top:-94px;
}


.to-top-max{
	margin-top:-322px;
	padding-top:12em;
}




#top-container{
	display:flex;
	align-items: center;
	padding-top:2em;
	padding-bottom:4.75em;
}




#logo{
	margin-right: auto;
}


#logo, #logo img{
	width:260px;
}


.main-image-1{
	margin-top:0;
	margin-bottom:.75em;
}


.main-image-1, .main-image-2, .main-image-4{
height:460px;

}


.main-image-2{
	margin-top:4em;
	margin-bottom:1em;
	height:500px;

}


.main-image-3{
height:460px;
margin-top:-6.25em;

}

.main-image-4{
	margin-top:0;
			margin-bottom:2em;
			height:420px;


}


.raiskale{
	width:130px;
	height:130px;
	
	right:-58px;
	top:-64px;
	
}






.rounded-top{
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
}


.rounded-bottom{
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
}

.rounded{
	border-radius:50px;
}






.footer-container{
	flex-direction: row;
	justify-content: space-between;
}


.footer-1{
	order:1;
}


.footer-2{
	order:2;
}


.footer-3{
	order:3;
}


.some img{
	width:55px;
	height:55px;
}

#yhteystiedot a[href^="tel"], #yhteystiedot a[href^="mailto"], #yhteystiedot a[href^="tel"]:visited, #yhteystiedot a[href^="mailto"]:visited{
	background-position:left 11px;
		padding-left:2.5em;
			 background-size:36px;


} 

.box-shadow{
	border: solid 18px #ffffff;
}


.fb-page{
	padding:2em;
}



}



@media all and (min-width: 1200px) {
	
	 #logo, #logo img{
	width:265px;
}


header{
	margin-bottom:1em;
}



.main-image-2{
		margin-bottom:1.75em;

}


.main-image-4{
			margin-bottom:6.75em;


}


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

}