@charset "UTF-8";
/* CSS Document */
/* Reset
------------------------------------------------------------ */
body {
    margin: 0;
    padding: 0;
}

.blank_1	{
	height:50px;
}

.blank_2	{
	height:40px;
}

header	{
	height:100px;
}

.logo img {
	display: block;
	float:left;
	margin-right:34px;
	padding-top:7.3px;
}

.center	{
	width:96%;
	max-width:1200px;
	min-height:630px;
	margin:auto; 
}
.kaannokset	{
	width:55%;
	padding:1%;
	display:block;
	margin-left: auto;
    margin-right: auto;
	background-color:#FFF;
	border: 10px solid #dcf5f4;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

	.kaannokset img	{
		padding-top:3px;
	}
	
	.kaannokset p	{
		text-align:left;
		margin:15px;
		
}
	.kaannokset p a	{
		display:inline;
		color:#009FEE;
		font-style:italic;
		margin:0;
	}
	
.responsiivisuus	{
	width:55%;
	padding:1%;
	display:block;
	margin-left: auto;
    margin-right: auto;
	background-color:#FFF;
	border: 10px solid #dcf5f4;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;

}

	.responsiivisuus img	{
		padding-top:3px;
	}
	
	.responsiivisuus p	{
		text-align:left;
		margin:15px;
		
}
	.responsiivisuus p a	{
		display:inline;
		color:#009FEE;
		font-style:italic;
		margin:0;
	}
	
.pikaOhje	{
	width:55%;
	padding:1%;
	display:block;
	margin-left: auto;
    margin-right: auto;
	background-color:#FFF;
	border: 10px solid #dcf5f4;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;

}

	.pikaOhje img	{
		padding-top:3px;
	}
	
	.pikaOhje p	{
		text-align:left;
		margin:15px;
		
}
	.pikaOhje p a	{
		display:inline;
		color:#009FEE;
		font-style:italic;
		margin:0;
	}
	
.footer	{
	display:none;
}

footer	{
	display:block;
	padding: 1%,0%;
}
		
footer p{
	color: #E5E5E5;
	text-align: center;
	font-size:1em;
}
	
/* Media Queries */
@media screen and (max-width: 1000px) {


.center	{
	height:none;
}
.kaannokset	{
	width: 55%;
}
.responsiivisuus	{
	width:55%;
}
.pikaOhje	{
	width:55%;
}
.blank_3	{
	height:50px;
}	
}

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

.logo img {
	float:none;
	margin:auto;
	margin-bottom:20px;
}
.blank_2	{
	display:none;
}

.kaannokset	{
	width:85%;
}
.responsiivisuus	{
	width:85%;
}
.pikaOhje	{
	width: 85%;
}
.footer	{
	display:block;
	padding: 1%,0%;
}
		
.footer p{
	color: #E5E5E5;
	text-align: center;
	font-size:1em;
}
	
footer	{
	display:none;
}
}

@media screen and (max-width: 500px) {
.logo img	{
	max-width:350px;
	min-width:200px;
}
}

@media screen and (max-width: 320px) {
.logo img	{
	width:100%;
}
}