@media (max-width: 1180px) {
#column-right {
	float: left;
	clear: left;
}

#column-left {
	width: 60%;
}

#column-mid {
	float: right;
	display: inline-block;
	margin: 0;
}

}



@media (max-width: 990px) {
	.item-right {
		float: right;
		width: 42%;
	}

}

@media (max-width: 900px) {

#column-right {
	display: inline-block;
	vertical-align: top;
}

#column-left {
	width: 100%;
}

#column-mid {
	display: inline-block;
	vertical-align: top;
	}


}

@media (max-width: 750px) {
	#column-mid {
		float: left;
	}

	#column-center h1 {
		line-height: 1.5em;
	}
	.item-left {
		width: 88%;
	}

	.item-right {
		width: 88%;
	}

	.section2-center {
		padding: 50px;
	}
}


@media (max-width: 400px) {
.column {
	width: 100%;
}
}

@media (max-width: 800px) {

				/* NAVIGOINTI */

	.navigointi {
		width: 100%;
		background-color: #0f0f0f;
		display: none;
		float: left;
		margin-left: -20px;
		margin-top: 18px;
	}


	.navigointi li {
		float: left;
		width: 100%;
	}

	.navigointi li a {
		float: left;
		width: 100%;
		background-color: #0f0f0f;
		height: auto;
		margin: 0;
		padding: 0;
		padding-top: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #252525;

	}


				/* HIDDEN-MENU */

	.hidden-menu {
		display: block;
		margin-right: 40px;
		
	}
}

@media (min-width: 801px) {
	.navigointi {
		display: block!important;
	}

	
}

@media (max-width: 450px) {
	.item {
		width: 100%;
	}
	
	.vaihtuva-kuva {
	height: 250px;
	}
	.vaihtuva-kuva-block {
		height: 250px;
	}
}

@media (max-width: 370px) {
	.vaihtuva-kuva {
	height: 200px;
	}
	.vaihtuva-kuva-block {
		height: 200px;
	}
}

@media (max-height: 400px) {

	.navigointi li a {
		padding: 10px;
	}

	.drop-down {
		margin-top: 42px;
	}

}