html

{height: 100%;



}
.logo{
text-align:center;color:black;
font-family: 'Julius Sans One', sans-serif;
margin:0;padding:0;clear:none;margin:0;
background-color:#f8f8f8;

}

.palvelut{
float:right;
}

.palvelutoikea{
float:left;
}
.ul{padding:0;margin:0;line-height:0%;margin: 0;
    padding: 0.2em;}
	
.lapi{background-color:#f8f8f8;color:black;line-height:100%;font-size:180%;font-family: 'Open Sans Condensed', sans-serif;}

body {

	color: black;

	line-height: 240%;

	font-size:16px;

	background: #f8f8f8;

	height: 90%;


}	

.sisalto{ 
z-index:0;
border:0px solid black;
font-family: 'Open Sans Condensed', sans-serif;
background: #f8f8f8;
font-size:190%;
position:relative;

top:0;right:0;
border:0;
width:95%;

max-height:59%;

height:59%;



margin-bottom:0;

padding-left:3%;
padding-right:2%;




background-position:right 35px; background-size: 40% auto;background-repeat:no-repeat;

}

.kuva, .kuva img{

width:35%;text-align:center;display:inline-block;

}



#links img{

width:21%;

}

.sisalto p{text-shadow:0px 0px 5px white;

padding:0;font-size:82%;

width:48%;clear:none;
line-height:120%;

}

.sisalto h2{

position:relative;width:100%;

margin:0px;clear:none;font-size:120%;line-height:100%;color:gray;text-shadow:1px 1px 1px black;


}

.sisalto a, .sisalto a:visited{

text-decoration:none;

color:blue;}

.sisalto{
display: table;

}
.navigointi{
font-family: 'Open Sans Condensed', sans-serif;

margin:0.5% 0 0 0;
border:0px solid black;

background-color:darkblue;

background: radial-gradient(lightgray, gray);

width:100%;

text-align:center;

}

.navi{

width: 6.666666667%;display: table-cell;

    text-align: center; white-space: nowrap;	line-height: 110%;

font-size:250%;

color:black;

text-decoration:none;

text-shadow:1px 0px white;


}

.navi:hover,#aktiivinen{

-moz-border-radius:    10px;

   -webkit-border-radius: 10px;

   border-radius:         10px;

background-color:black;

background: radial-gradient(darkgray,black);

color:white;}




@media (max-width:1400px){

        body{

		font-size:12px;

		}

}



@media (max-width:1100px){

        body{

		font-size:11px;

		}

		

		.sisalto{

/* max-height:2%;*/

}

}



@media (max-width:950px){

        body{

		font-size:10px;

		}

}

@media (max-width:850px){

        body{

		font-size:9px;

		}

}





@media (max-width:800px){

        body{

		font-size:7px;

		}

}



@media (max-width:600px){

        body{

		font-size:6px;

		}

}

@media (max-width:550px){

        body{

		font-size:5px;

		}

}

@media (max-width:450px){

        body{

		font-size:4px;

		}

}

@media (max-width:350px){

        body{

		font-size:2px;

		}

}



/* Portrait */

@media (orientation:portrait) {
.sisalto p{
font-size:125%;line-height:110%;clear:both;}
.sisalto h2{

position:relative;width:100%;

margin-bottom:2%;top:1%;
clear:none;font-size:170%;line-height:100%;color:color:gray;text-shadow:2px 1px 5px white;



}

.navi{
	
	padding-top: 5px;
	padding-bottom: 5px;
     margin-top: 5px;
	
}
.logo{
position:relative;top:0;
padding-bottom:0%;width:95%;
}

.lapi{
font-size:235%;width:35%;
text-align:center;clear:none;margin:0;
}
.navi{
font-size:420%;width:100%;
display: table;
}
.naviB{

/* max-height:2%;*/

clear:both;

display: block;

width:100%;font-size:400%;

all: none;

}



.sisalto{

/* max-height:2%;*/

width:95%;   


 background-size: auto 40%;

    background-attachment : scroll;

    background-clip : border-box;

    background-origin : padding-box;

    background-position : right 4%;
font-size:205%;


 }
ul {
     list-style-type: none;
     padding: 0px;
     margin: 0px;
 }

ul li {
	
     background-repeat: no-repeat;
     background-position: 0px center; 
     padding-left: 15px; 
	 
 }
 .sisalto p, .sisalto h2{
width:55%;
 }
 
.palvelut{
font-size:160%;
float:left;
clear:both;
}

.palvelutoikea{
font-size:160%;
float:left;
clear:both;
}
  .sisalto p{

  }

    .sisalto h2{

  }

   

}