body {
	color: #FFFFFF;
	background-color: white;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	margin:0px;
	padding:0px;
	background-image: url('images/epx_tausta5.png');
	background-attachment: fixed;
}
#header {
	text-align: center;
	margin-right: 0px;
	margin-left: 0px;
	height: auto;
	background-color: black;
}
#footer {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
	line-height: 50px;
	background-color: black;
}
.content {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	color:black;
	background-color:transparent;
	padding-top:1em;
	padding-bottom:1em;
}

.subcontent {
	margin-left:10%;
	margin-right:10%;
	padding-bottom:1em;
}
.subcontent h2 {
	text-align:center;
	color:#FF7D00;
}
#subcontent_b {
	color:white;
	background-color:black;
}
.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  text-align:center;
  margin-left:8%;
  margin-right:8%;
}
.videoWrapper {
	margin-left:20%;
	margin-right:20%;	
}
.iframeWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.iframeWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}