//@import url("font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic,400italic");
	body
	{
//		background-color:rgb(201,211,226);
//		background-image:url('_sivun_taustaa.png');
	}
	html, body {
		font-family: "Source Sans Pro", sans-serif;
		padding: 0;
		margin:0;
		//font-family:Ubuntu,sans-serif;
		background-color:rgb(64,64,64);
	}

	h1{
		font-size:1em;font-family:Arial,Helvetica;font-weight:bold;
		color:black;
	}
	h2{
		font-size:1.5em;font-family:Arial,Helvetica;font-weight:bold;
		color:#000;
		margin-top:4px;
		margin-bottom:0px;
	}
	p{
	margin-left:20px;
	}
	a {
		//padding-left:20px;
	}

#keskikuva {
	background-size: auto 100%;
	width:100%;
	min-height:200px;
	background-image: url("kapea_etutaustakuva.jpg");
}
#ylapalkki {
	font-family:Ubuntu,sans-serif;
	font-weight:bold;
	#background-color:#fff;
	background-color:rgb(64,64,64);
	color:white;
	min-height:7%;
	opacity:0.8;
}
.nimi {
	font-size:1.5em;
	padding:5px;
}
.esittely {
	border:1px solid white;
	margin:5px;
	font-size:1em;
	background-color:white;
	border-radius: 3px;
	background-image: url("taustaa.jpg");
}
.alatausta {
	margin-left:auto;
	margin-right:auto;
	max-width:1100px;
	background-color:rgb(64,64,64);
}
.valitausta {
	background-size: auto 100%;
	width:100%;
	min-height:200px;
	background-image: url("erotin.jpg");
}
h2 {
	font-size: 1.2em;
    line-height: 1.5em;
    letter-spacing: -0.035em;
	font-weight: 300;
	font-family: "Source Sans Pro", sans-serif;
}
.isompi {
	font-size: 1.1em;
}
header, p {
	font-size: 1em;
}
hr {
	margin-left:1%;
	margin-right:1%;
}

#container
{
	border:1px solid red;
  margin-left:auto;
}
.ref1
{
  background-size: auto 100%;
  height: auto;
  width:47%;
  //height:200px;
  display: inline-block;
  max-width: 600px;
  text-align: left;
  //padding: 10px;
  border-radius: 3px;
  margin-left: 5px;
  vertical-align: top;
  //background-image: url("ref1.jpg");
}
.ref2
{
	float:right;
  display: inline-block;
  width:47%;
  max-width: 600px;
  text-align: left;
  //padding: 10px;
  border-radius: 3px;
  margin-right: 5px;
  //background-image: url("ref1.jpg");
}
.refkuva {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.koko {
//	max-width:1200px;
}





@media screen and (min-width: 1000px) 
{
	#keskikuva {
		background-size: auto 100%;
		width:100%;
		min-height:350px;
		background-image: url("kapea_etutaustakuva.jpg");
	}
	.nimi {
		font-size:2em;
		padding:5px;
	}
	.ref1, .ref2 {
		width:49%;
	}
}
@media screen and (min-width: 1500px) 
{
	#keskikuva {
		background-size: auto 100%;
		width:100%;
		min-height:500px;
		background-image: url("kapea_etutaustakuva.jpg");
	}
}