html {
	height: 100%;
	min-height: 100%;
	/*background-color: white;*/
	/*background-image: url(../images/web_tausta_kipinat.jpg);
	background: url(../images/web_tausta_kipinat.jpg) no-repeat left fixed;*/
	/*background: url(site_images/bg_flower01.jpg) no-repeat left fixed;*/
/*	background-size: cover;
	background-attachment: fixed;*/
}

/* HTML5 tags */

/*@import url(https://fonts.googleapis.com/css?family=Biryani);*/
/*html {*/
/*background: url(../images/web_tausta_kipinat.jpg) no-repeat left fixed;*/
/*background-size: cover;*/
/*background-attachment: fixed;*/

/*}*/

header, section, footer,
aside, nav, article, figure {
	display: block;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	color: black;
	/*background-image: url('../images/web_tausta_kipinat.jpg');*/
	background-image: url('../images/web_tausta_seina.jpg');
	background-size: cover;
	background-attachment: fixed;
	/* background-size: 100%;*/
	background-repeat: no-repeat;
	/* background-color: #FFFFFF;*/
	/* font-family: 'Roboto', sans-serif;*/
	font-family: 'Quicksand', sans-serif;
}

.file_link {
	text-decoration: underline !important;
}

a:visited, a:link {
	text-decoration: none;
	color:inherit;
}

#header {
	margin: 0 0 0 0;
	/*height: 8em;*/
	width: 100%;
	background-color: rgb(256,256,256, 0.95);
	/*opacity: 0.95;*/
	position: fixed;
	z-index: 100;
	box-shadow: 0px 3px 10px 2px rgb(58, 58, 58);
	display: flex;
	flex-wrap: wrap;
	/* align-items: flex-end;*/
	justify-content: space-between;
}

#header_links {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-around;
	padding-right: 1em;

}


#logo_img {
	/*margin: 1em 0em 2.5em 1em;*/
	margin-left: 2.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	width: 480px;

}


.kumppanilogot {
	position: relative;
	/*right: 2em;*/
	/*bottom: 1em;*/
	/*top: 3em;*/
}

#bisnode_logo_img, #luot_kump_logo_img, #smry_logo_img {
	height: 55px;
	padding-right: 1em;
}

img#img_98_58_px_tr1 {
	padding-right: 1em;
}

#padding_section {
	height: 9em;
}

.section {
	/*position: relative;*/
	/*padding: 0em 0em 4em 3em;*/
	/*padding-top: 9em;*/
	/*padding-bottom: 4em;*/
	padding-left: 2vw;

	/*font-family: 'EB Garamond', serif;*/
	font-size: 1.2em;
	/*background-color: rgba(255,255,255,0.7);*/
	/*background-color: #B0FFD3;*/
	/*color: #black;*/
	height: 75vh;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}

.sec_kuva {
	width: 20vw;
	/*background-color: #E1AB7E;*/
}

.sec_vali {
	width: 60px;
	margin-right: 1vw;
	margin-left: 1vw;
	/*background-color: #E1B2E0;*/
} 

.sec_text {
	width: 55vw;
	display: flex;
	flex-wrap: nowrap;
	height: fit-content;
	justify-content: flex-start;
	align-items: center;
	text-shadow: 2px 2px 8px black;
}

.sec_text .sec_text_bg {
	background-color: rgba(55,55,55,0.9);
	padding-top: 2em;
	padding-bottom: 2em;
	padding-right: 1em;
	padding-left: 1em;
	border: 2px solid rgba(0,0,0,0.4);
	border-radius: 10px ;
	color: white;
	margin-right: 1em;
	box-shadow: 5px 8px 8px #999999;
	min-height: 30vh;
	min-width: 100%;
}

.lisatieto_sect {
	min-height: 1vh !important;
}

.menulista {
	/*list-style-type: circle;*/
}

.menulista li {

	padding-bottom: 0.5em;
}

ul {
	list-style: none;
	/*list-style-image: url(../images/list_icon.svg);*/
}
ul li::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #FF6600; /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */ 
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
	/*list-style-image: url(../images/list_icon.svg);*/
}

.sect_header1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.3em;
	color: #FF6600;
	text-shadow: 2px 2px 8px black;
}

.esite_label {
	display:none;
	position: fixed;
	right: 10em;
	top: 0em;
	background-color: #ff6600;
	opacity: 0.80;
	box-shadow: 0px 3px 10px 2px rgb(58, 58, 58);
	height: 1.3em;
	vertical-align:middle;
	border-radius: 0.0em 0.0em 0.5em 0.5em;
	padding: 0.4em;
	margin: 0.0em;
	/*font-family: 'Roboto', sans-serif;*/
	/*font-family: 'Biryani', sans-serif;*/
	font-size: 0.9em;
	color: white;
}

#footer {
	position: fixed;
	bottom: 0em;
	/*height: 6em;*/
	left: 0em;
	right: 0em;
	background-color: rgb(256,256,256, 0.95);
	/*opacity: 0.95;*/
	/*padding: 1em 2.5em 2.5em 2em;*/
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
	/*font-family: 'Biryani', sans-serif;*/
	/*font-family: 'Roboto', sans-serif;*/
	box-shadow: 0px -3px 10px 2px rgb(140, 140, 140);
	z-index: 99;

	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-around;
	text-shadow: 1px 1px 4px rgb(140, 140, 140);


}

#schuco_logo_vertical,#jansen_logo_vertical,#logot_vertical {
	display: block;
	width: auto;
	height: 33vh;
	/*padding-top: 10em;*/
	align-items: center;
}


.contact {
	color: white;
	text-decoration: none;
}

.footer_table {
	width: 70vw;
}
.footer_table_cell {
	vertical-align: bottom;
}

#hidden-vcard {
	display: none;
}

#alu_ovet_ikkunat {
	/*	background-color: white;*/
}

/*
#alku {
background-color: white;
link_icon {
*/

.ext_link_icon {
	height: 0.9em;
	padding-left: 1em;
	opacity: 0.5;
}

#header_links_footer {
	display:none;
}

@media screen and (max-width: 970px) {
	.section {
		height: auto;
		padding-top: 2em;
	}

	#header_links {
		display: none;
	}

	#logo_img {
		/*margin: 1em 0em 2.5em 1em;*/
		margin-left: 2em;
		margin-top: 0.3em;
		margin-bottom: 0.3em;
		width: 50vw;
		height: auto;
	}

	.sec_kuva {
		display: none;
		width: 30vw;
	}

	.sec_text, .sec_text_bg {
		width: 80vw;
		/*display: flex;*/
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center;
		text-shadow: 2px 2px 8px black;
		font-size: 1.0em;
		padding-right: 2em;
	}

	#header_links_footer {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		justify-content: space-around;
		padding-bottom: 6em;
		padding-top: 2em;
		
	}
}

@media screen and (max-width: 400px) {

	.sec_vali {
		display: none;
	}

}
