@media screen and (max-width: 1150px) {
	body {background-color:#FFF}
}

@media screen and (max-width: 960px) {
	body {background-position:0 0}
	
	.headerOtsake {font-size:18px}
	/* .headerOtsake, .chiliValikonAvaus {margin-left:15px} */
	.chiliHeader2 {width:auto}
	
	.chiliTaittoContainer.etusivu {
		width:100%; margin:0; float:none;
	}
	.chiliTaittoContainer {min-height:100%}
	.chiliTaittoalue, .chiliTaittoalue.etusivu {width:auto; padding:0}

	.etusivuhaku {
		opacity: 1;
	}

	.etusivuboksit {display:block; padding:20px }
	.etusivuboksirivi {display:block;}
	.etusivuboksi {
		display:block;
		float:none;
		max-width:none;
		width:auto;
		height: auto;
		padding: 10px 30px 10px 30px;
	}
	.etusivuboksi:hover {
		opacity: 1;
		color: #000;
	}	
	.etusivuboksi.s1, .etusivuboksi.s1:hover, 
	.etusivuboksi.s3, .etusivuboksi.s3:hover 
	{
		background-color:#ddd;
	}
	.etusivuboksi.s2, .etusivuboksi.s2:hover , 
	.etusivuboksi.s4, .etusivuboksi.s4:hover   
	{
		background-color:#fff;
	}
	.etusivuboksi .nuoli {
		right: 8px;
		bottom: 7px;
	}
	.etusivuboksi:hover .nuoli {
		filter: none
	}

	/* kayttajantiedot (etusivu) */
	.kayttajantiedot {
		position: relative;
		display: flex;
		flex-direction: column;
	}
	.kayttajantiedot button {
		display: block;
		margin: 0 auto;
	}
	.kayttajantiedot .tiedot {
		position: static;
		right: auto;
		margin: 0 20px;
	}
	
	#siteBy {display:none}
}

@media screen and (max-width: 740px) {
	.chiliLogo {
		width:200px;
		height:auto;
		padding-right:20px;
		padding-top:40px;
	}
	.chiliTaittoContainer {width:auto; margin:0;}
	.kohdelista .kohde {margin:0 20px 30px 0;}
	.sivu_ms_kohde .linkki {right:20px}
	iframe {max-width:100%}

	.chiliContainer {
		background-position: center 50px;
		/* background-size: 100% auto;	 */
	}	
	
	.chiliTaittoContainer.etusivu {
		padding-top: 0;
	}
	.etusivuhaku {
		margin-top: .5em;
		margin-bottom: 1em;
	}
}

@media screen and (max-width: 599px) { 
	.chiliLogo {
		max-width:100%;
		background-size:100%;
	}
	table, tbody, tr {display:block; clear:both;float:none}
	table td {
		display:inline-block; 
		float:left;
		width:auto !important;
		margin-right:10px;
	}
}

@media screen and (max-width: 430px) { 
	.headerOtsake {display:none}
	.chiliValikonAvaus {margin-top:-40px}
	.chiliTaittoContainer.etusivu {padding:0}
	.etusivuboksit {margin-top:15px}
	.etusivuboksi {font-size:12px}

}