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


.footer-logo{
	width:180px;
	margin-bottom:1.75em;
}

.main-image{
background-image:url('../images/main-image.jpg');
background-repeat:no-repeat;
background-size:cover;
background-position: center center;
padding-top:9em;
padding-bottom:1em;
box-shadow: rgba(57, 50, 22, 0.5) 0 0 0 1000px inset;
}


.main-image-yritys{
	background-image:url('../images/main-image-yritys.jpg');

}

.main-image-palvelut{
	background-image:url('../images/main-image-palvelut.jpg');

}


.main-image-tyopaikat{
	background-image:url('../images/main-image-tyopaikat.jpg');

}

/* !Linkit ja painikkeet */


 p a, p a:visited  {
	color:inherit;
	border-bottom: solid 2px #FFCC01;
	font-weight: 600;
}




p a:hover {
	border:none;
	
}


.button, input[type="submit"], .button:visited {
	display: block;
	text-decoration: none;
	padding: 1.5em;
	width: 100%;
	max-width:280px;
	background-color:#FFCC01;
	font-size:1.175rem;
	color:#000000;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-image:url('../images/arrow-right.svg');
	background-size:16px;
	background-position: right 1.5em center;
	background-repeat: no-repeat;
	text-align: left;

}


.yellow-bg{
	background-color:#FFCC01;
	color:#000000;

  }




.button:hover{
	background-position: right 1em center;
}


.nuolipainike{
	width:60px;
	height:60px;
	background-color:#FFCC01;
	background-image:url('../images/arrow-right.svg');
	background-size:16px;
	background-position: center center;
	background-repeat: no-repeat;
	display: inline-block;
}


 .nuolipainike:hover{
	background-position: right 14px center;

}

	
/* !Lomakkeet*/

 input[type="submit"] {
	border:0;
	cursor: pointer;
	background-image:none;
	text-align: center;
	transition: all 0.3s ease-in-out;
}


 input[type="submit"]:hover {
	background-color:#000000;
	color: #FFCC01;
	background-image:none;
	text-align: center;
}

label {
	
	display: block;
	margin-bottom: 0.5em;
	cursor: pointer;	
	font-size:1.1rem;
	font-weight:400!important;
	
}

fieldset{
		margin-top:1em;
		margin-bottom:1em;
}

legend{
		font-size:1.25rem;
		margin-bottom:0.5em;
	

}

input[type="text"], input[type="email"], input[type="tel"], textarea{
	font-size: 1.115rem;
	padding: 1em;
	margin-bottom:1.35em;
	width: 100%;
	-webkit-appearance: none;
	border: solid 2px #000000;
}


textarea{
	
	 overflow: auto;
	 min-height: 180px;	
	 	margin-bottom:1.8em;

	
}


/* !Taustavärit*/

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


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


.viivoitus-harmaa{
		background-color:#FFFFFF;

	background-image: url('../images/viivoitus-harmaa.png');
	background-size: 12px 216px;
	background-repeat: repeat;
}

.nostoviivoitus{
	background-color:#FFCC01;
	background-image: url('../images/viivoitus-keltainen.svg');
	background-size: 12px 216px;
	background-repeat: repeat-x;
	height:12px;
	background-position: left bottom;
}

footer p{
	margin-bottom:0;
}


/* !Muut*/


#some{
	display:flex;
	justify-content: center;
	gap:3em;
}

#some img{
	width:50px;
}

.box-shadow{
	box-shadow:
  0px 0px 40px rgba(0, 0, 0, 0.055);
}



.page-content ul li{
	background-image: url('../images/li.svg');
	background-repeat: no-repeat;
	background-size:8px;
	background-position: left center;
	padding-left:1.25em;
}



/* Checkbox & radio styling */
.checkbox-container, .radio-container {
  display: inline-block;
  position: relative;
  margin-bottom: 3.25em;
  cursor: pointer;
  font-size: 1.15rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

}

/* Hide the browser's defaults */
.checkbox-container input, .radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox and radio */
.checkmark, .radio {
  position: absolute;
  bottom: -57px;
  left: 0;
  height: 44px;
  width: 44px;
  background-color: transparent;
  border: solid 1px #181713;
}


.radio{
	border-radius:50%;
}



/* On mouse-over background color */
.checkbox-container:hover input ~ .checkmark, .radio-container:hover input ~ .radio {
  background-color: #181713;
      transition: all .3s ease-in-out;

}

/* When the checkbox or radio is checked, background */
.checkbox-container input:checked ~ .checkmark, .radio-container input:checked ~ .radio {
  background-color: #181713;
}

/* Create the indicator (hidden when not checked) */
.checkmark:after, .radio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator when checked */
.checkbox-container input:checked ~ .checkmark:after, .radio-container input:checked ~ .radio:after {
  display: block;
}

/* Style the indicator */
.checkbox-container .checkmark:after, .radio-container .radio:after {
  left: 15px;
  top: 11px;
  width: 11px;
  height: 16px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



textarea:focus, input:focus, input:focus + .checkmark,  input:focus + .radio
    {
      outline: 1px dotted grey;
  outline-offset: 2px;
    }


.kumppanilogot{
	display:flex;
	justify-content: center;
	gap:3em;
}

.kumppanilogot img{
	width:auto;
	height:60px;
}


.nosto img{
	width:60px;
	margin-bottom:1.75em;
}


.alanosto img{
	margin-bottom:1.75em;
}

#top-container{
	padding-top:1.75em;
	padding-bottom:1.75em;
}

.nosto .nuolipainike{
	margin-top:1.5em;
}

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

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

#logo{
	margin-right: auto;
	
}




label{
	font-size:1.2rem;
}

legend{
	font-size:1.4rem;
}


.main-image{

padding-top:14em;
padding-bottom:6em;
}


.kumppanilogot img{
	height:85px;
}



#navigation{
	background-color:#FFCC01;

  }
  
  
  .nosto img{
	width:70px;
}
  
  
  
 /* !Header */

 .header {
    width: 100%;
    position: fixed;
    right: 0;
    top: 0;
    transition: .3s;
    background-color:#ffffff;

}
.header.tiny {
    z-index: 99999999;
box-shadow: rgba(0, 0, 0, 0.015) 10px 4px 14px 10px;

}


 
  
  

}



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


.footer-logo{
	width:200px;
}

.main-image{

padding-top:15em;
padding-bottom:7em;
}


input[type="text"], input[type="email"], input[type="tel"], textarea{
	font-size: 1.175rem;
	
}

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

}