#logo, #logo img{
	width:96px;
	padding-top:1em;
	padding-bottom:.75em;
}
.bg {
		
	background-size: cover;
	background-position: center center;
background-image:url('../images/bg.webp');
background-repeat: no-repeat;
box-shadow: inset 0px 0px 0px 1000px rgba(0, 25, 0, 0.7);

	}
	
	
	.bg-2 {
		
	background-image:url('../images/bg-2.webp');


	}



		.bg-asfalttimaalaukset {
		
	background-image:url('../images/asfalttimaalaukset.webp');


	}
	




hr{
	border:0;
	width:4em;
	height: 2px;
	margin-top:2.5em;
	margin-bottom:2.5em;
	background-color:#32C731;
}


/* !Linkit ja painikkeet */


 p a, p a:visited  {
	color:inherit;
	text-decoration: underline;
	text-underline-offset: 8px;
	text-decoration-thickness: 2px;
}




p a:hover {
	text-decoration:none;
	
}


footer ul{
	margin-bottom:2em;
}


	

	
	
.button {
	display: inline-block;
	text-decoration: none;
	padding: .75em 1.25em .75em 1.25em;
	width: auto;
	max-width:340px;
	border:0;
	
 
  
  
}





.button, .ota-yhteytta{
	   transition: transform .18s ease-in-out; 
	border-radius:50px;
	letter-spacing: 1px;
  text-transform: uppercase;
	font-size:.95rem;
	min-width: 240px;

}

.tekstipalsta .buttons{
display:flex;
flex-direction: column;
gap:2em;
}



.button-green, .button-green:visited, .ota-yhteytta, .ota-yhteytta:visited{
background-color:#32C731;
	color:#091500!important;
	background-size:30px;
	background-repeat: no-repeat;
background-position: right .5em center;
	 		background-image: url('../images/arrow-dark.svg');

}








	.button:hover, .ota-yhteytta:hover{    transform: scale(1.0315); 
	}






.down{
	width:50px;
	height:50px;
}


.vahvuus img, .taky img{
	height:42px;
	margin-bottom:1em;
}

.perusnostot img{
	margin-bottom:1.75em;
}
.taky img{
	width:32px;
}

.button-dark, .button-dark:visited{
	background-color:#091500;
	color:#32C731;
		background-size:30px;
	background-repeat: no-repeat;
	background-position: right .5em center;
	 		background-image: url('../images/arrow-green.svg');
	 		width:280px;
}





.button-secondary{
	
	border: solid 2px #32C731;
	color:#32C731;
		background-image: url('../images/arrow-green.svg');
	background-size:30px;
	background-repeat: no-repeat;
	background-position: right .5em center;
}


	.rounded{
			border-radius:4px;

	}



/* !Taustavärit*/

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







.green-bg{
	
background-color: #32C731;
color:#091500;

}


 .vahvuus{
	
background-color: #32C731;
border:solid 2px #303B28;
}



.dark-bg{
	background-color:#091500;
}


.dark-bg-tp{
	background-color:#0A1500;
}


.dark-bg-lighter{
	background-color:#121D09;
}




.green-bg h1, .green-bg h2, .green-bg h3, .green-bg h4{
	color:#091600;
}


/* !Muut*/


.cta{
	margin-top:-2.55em;
}

.cta .button{
	margin-top:2em;
}

.page-content ul li{
	background-image: url('../images/ok.svg');
	background-repeat: no-repeat;
	background-size:34px;
	background-position: left 10px;
	padding-left:2.5em;
	margin-bottom:1.25em;
	padding-top:.5em;
	padding-bottom:-5em;
}







    
  


.taky, .nosto{
	
	    border: solid 1px #2A3422;
	    background-color:#121D09;
}









footer img{
	width:170px;
	margin-bottom:2em;
}









#intro{
padding-top:2.5em;
padding-bottom:2.5em;
animation: animation-up ease-in 1;
 animation-duration: .6s

}

@keyframes animation-up {
 from {
 opacity: 0;
 transform: translateY(-.5em)
}
to {
 opacity: 1;
 transform: translateY(0)
}
}






footer ul li{
				font-size:1.1rem;

}



.vahvuudet{
	margin-top:-1.75em;
}





.takyt .tekstipalsta img{
	margin-bottom:3em;


}


footer{
	padding-top:1em;
	padding-bottom:1em;
	background-image: url('../images/logoelementti.svg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#091500;
	color:rgba(255, 255, 255, 0.8);
}



	
	.kuvapalsta img{
		margin-top:2em;

	}
	
	
	.header{
		        	    border-bottom: solid 1px #2A3322;

	}
	
	
	.ota-yhteytta:hover{
	    color:#091600!important;

	    

}





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


    .text-align-right{
	text-align: right;
}
}

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

.dark-bg-tp{
	background-color:#0A1500;
}

	.header {
    width: 100%;
    position: fixed;
    right: 0;
    top: 0;
    transition: .5s;

}
.header.tiny {
    z-index: 99999999;
    	    	background-color:#091500;


}

.dark-bg-tp{
	background-color:rgba(10, 21, 0, 0.7);
}
	
.down{
	width:70px;
	height:70px;
}
	
	
	.tekstipalsta .buttons{
flex-direction: row;
}
	
	
	.kuvapalsta img{
		margin-top:1.5em;
	}

footer{
	padding-top:18em;
	}





#top-container{
	display:flex;
	align-items: center;
}





#logo{
	margin-right: auto;
	
}





.button{
	
	padding:1.5em 2.25em 1.5em 2.25em;
	

}



.button-green, .button-dark, .button-secondary, .ota-yhteytta{
		background-size:40px;
			background-position: right 1em center;

		

}





footer ul li{
				font-size:1.225rem;

}
footer ul li a{
	padding-top:1.175em;
	padding-bottom:1.175em;

	
}





footer img{
	width:184px;
	margin-top:2em;
	margin-bottom:1.3em;
	
}



#logo, #logo img{
	width:108px;
	transition: all .3s ease-in-out;
	}
	
	
		
	.bg{
padding-top:125px;
		        	    

	}
	
	
	


}






@media all and (min-width: 1260px) {
	
#intro{
padding-top:.5em;
padding-bottom:.5em;


}


.bg {
		
	
background-attachment: fixed;

	}


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

#intro{
padding-top:1.85em;
padding-bottom:1.85em;


}


}
	
	
@media all and (min-width: 1600px) {
	#intro{
padding-top:5.5em;
padding-bottom:5.5em;
}



	
}