/*  TYYLIMÄÄRITTELYT RESPONSIIVISILLE SIVUILLE */
 @charset "utf-8";

/* 370-480 PIKSELIÄ LEVEÄT NÄYTÖT: ÄLYPUHELIMET */ 
 @media screen and (min-width:370px) and (max-width:480px)
{

#arkisto_ots {
	width: 100%;
}

#lehti_isox {
	width: 300px;
	margin-left: calc( 50% - 150px );
	padding-left: 0px;
	padding-right: 0px;
}

#lehti_pienix {
	margin-left: calc( 50% - 100px );
	width: 200px;
	padding-left: 0px;
	padding-right: 0px;
}

#video {
	width:320px;
	margin-left: calc( 50% - 160px );
	padding-left: 0px;
	padding-right: 0px;
}


#content {
			padding:10px;
			padding-top: 25px;
			width: calc( 100% - 20px );
}


#logo {
			width: 100%;
			height: 100%;
}

#img_isokasvokuva {
					float: left;
					width:80px;
					height:100px;
					margin-top: 0px; 
					margin-bottom: 0px; 
					margin-left: 0px; 
					margin-right: 10px;
}

p.txt_isokasvokuva {
				margin-top: 0px;
				margin-bottom: 0px;
				display: inline-block;
				
}

p.txt_kasvokuva {
				display: inline-block;
				 				width:100%;

}

#img_kasvokuva { 	float:left;
				width:80px; 
				height:100px; 
				margin-left:0px; 
				margin-right:10px; 
				margin-top: 0px;
				margin-bottom: 60px;
}


p.otsikkoteksti { font-size:300%; }

 #img_kokoruutu	{
 			 	margin: 10px; 
 				width:calc(100% - 40px); 
 }
 
 #content p { 	font-size: 120%; 
				margin-left: 25px;	
}

 			

#navi { 
		width:calc(100% - 20px); 
		padding-top: 10px; 
		padding-bottom: 20px;
		padding-left:10px;
		padding-right:10px;
		background-color: #ccf;
}

#veikkaus img { 

				width:70px; 
				height:70px;
}

#mainos {
	width: 300px;
	margin-left: calc( 50% - 150px );
	margin-right: 0px;
	margin-bottom: 15px;
}

#footer	{
		 	width:calc(100% - 20px); 
			padding: 10px;
			float:left;
			font-size:90%;
			
}

#imgfoot img {
				width:100px;
				height:50px;
				float:left;
				padding-top:45px;
				padding-bottom:45px;
				padding-right:5px;
}

}  /*  LOPPUSULKU  */

	
/* YLI 480 MUTTA ALLE 768 PIKSELIÄ LEVEÄT SIVUT (NS. iPAD LEVEYS) */
@media screen and (min-width: 480px) and (max-width: 768px)
{

#content {
			padding:5px;
			padding-top:25px;
			width: calc( 100% - 20px );
}

#img_kokoruutu	{
 			 	margin: 10px; 
 				width:calc(100% - 40px); 
 }
 
 ul li	{ list-style-type: square; margin-left: 0.5em; }

 
 #veikkaus img { 

				width:70px; 
				height:70px;
}


#footer	{
		 	width:calc(100% - 20px); 
			padding: 10px;
			float:left;
			font-size:60%;
			
}

#imgfoot img {
				width:100px;
				height:50px;
				float:left;
				padding-top:15px;
				padding-bottom:35px;
				padding-right:5px;
}

 			

	
}	



/* ALLE 370 PIKSELIÄ LEVEÄT NÄYTÖT: IPHONE 4 JA 5 */ 
@media screen and (max-width:370px)
{

#arkisto_ots {
	width: 100%;
}

#lehti_isox {
	margin-left: calc( 50% - 150px );
	width: 200px;
	padding-left: 0px;
	padding-right: 0px;
}

#lehti_pienix {
	margin-left: calc( 50% - 100px );
	width: 200px;
	padding-left: 0px;
	padding-right: 0px;
}

#video {
	width:320px;
	margin-left: calc( 50% - 160px );
	padding-left: 0px;
	padding-right: 0px;
}


#content {
			padding:10px;
			padding-top: 25px;
			width: calc( 100% - 20px );
}


#logo {
			width: 100%; 
			height: 100%; 
}


p.otsikkoteksti { font-size:250%; }

 #img_kokoruutu	{
 			 	margin: 10px; 
 				width:calc(100% - 40px); 
 }
 
 #img_kasvokuva {
 			width: 60px;
 			height: 75px;
 }

 #img_isokasvokuva {
 			width: 60px;
 			height: 75px;
 }
 
 p.txt_kasvokuva {
 				display: inline-block;
 				width:100%;
 }
 			

#content p { 	font-size: 120%; 
				margin-left: 15px;	
}

#navi { 
		width:calc(100% - 20px); 
		padding-top: 10px; 
		padding-bottom: 20px;
		padding-left:10px;
		padding-right:10px;
}

#veikkaus img { 

				width:70px; 
				height:70px;
}

#mainos {
	width: 300px;
	margin-left: calc( 50% - 150px );
	margin-right: 0px;
	margin-bottom: 15px;
}



#footer	{
		 	width:calc(100% - 20px); 
			padding: 10px;
			float:left;
			font-size:75%;
			
}

#imgfoot img {
				width:80px;
				height:40px;
				float:left;
				padding-top:45px;
				padding-bottom:35px;
				padding-right:5px;
}

	
}