body {
	font-family:			Constantia , "Lucida Bright" , Lucidabright , "Lucida Serif" , Lucida , "DejaVu Serif" , "Bitstream Vera Serif" , "Liberation Serif" , Georgia , serif;
	background-color:		rgb(250,250,248);
	color:					rgb( 60, 60, 58);
	margin-right:			2em;
}
h1 , h2 , h3 , h4 , h5 , h6 {
	font-family:			inherit;
}
#language_selector {
	margin-bottom:			1em;
	text-align:				right;
}
#logo {
	float:					left;
	width:					400px;
}
#logoimg {
	width:					400px;
	height:					273px;
	border-radius:			3px;
	box-shadow:				2px 2px 8px 0 silver;
}
#navBar , #navBar2 {
	margin:					0.6em 0;
	padding-top:			0.6em;
	border-width:			2px 0 0;
	border-color:			silver;
	border-style:			solid;
}
#navBar2 {
	padding-top:			0.3em;
	border-width:			1px 0 0;
}
#navBar_secondary {
	padding-bottom:			0.1em;
	background-color:		silver;
	color:					white;
	font-size:				0.9em;
	text-align:				center;
}
#navBar a , #navBar_secondary a {
	white-space:			nowrap;
}
#contact_info {
	margin-top:				1em;
	padding-top:			1em;
}
#contact_info table {
	width:					90%;
}
#content {
	clear:					right;
	margin-left:			420px;
}
#content img {
	border-radius:			10px;
}
img.kuva {
	width:					220px;
	height:					293px;
}
#koristekuva {
	width:					460px;
	height:					auto;
}



#feedback input , #feedback textarea {
	font-family:		inherit;
	font-size:			inherit;
}
#feedback input[type="text"] , #address {
	width:				16em;
}




/* _________________________________________________ RESPONSIVE STUFF, YEAH! */

#language_selector:before { display: none; }

@media ( min-width: 1580px ) /* __________________________ 1600 × 900 AND UP */
{
	#language_selector:before  { content: "CSS 1600 × 900"; } 
	body {
		font-size:				1.15em;
		margin-right:			4em;
	}
	#logo {
		width:					580px;
	}
	#content {
		margin-left:			600px;
		clear:					right;
	}
	#logoimg {
		width:					580px;
		height:					auto;
	}
	img.kuva {
		width:					250px;
		height:					auto;
	}
	#koristekuva {
		width:					600px;
		height:					337px;
	}
}
@media ( min-width: 1800px ) /* _________________________ 1980 x 1080 AND UP */
{
	#language_selector:before  { content: "CSS 1980 × 1080"; } 
	body {
		font-size:				1.2em;
		margin-right:			6em;
	}
	#logo {
		width:					750px;
	}
	#content {
		margin-left:			780px;
	}
	#logoimg {
		width:					750px;
	}
}
@media ( min-width: 1420px ) and ( max-width: 1579px ) /*  1440 × 900 AND UP */
{
	#language_selector:before  { content: "CSS 1440 × 900"; } 
	body {
		font-size:				1.1em;
		margin-right:			5em;
	}
	#logo {
		width:					500px;
	}
	#content {
		margin-left:			530px;
		clear:					right;
	}
	#logoimg {
		width:					500px;
		height:					auto;
	}
	img.kuva {
		width:					220px;
		height:					auto;
	}
	#koristekuva {
		width:					600px;
		height:					337px;
	}
}
@media ( min-width: 1260px ) and ( max-width: 1419px ) /* _______ 1280 × 800 */
{
	#language_selector:before  { content: "CSS 1280 × 800"; } 
	body {
		font-size:				1em;
		margin-right:			4em;
	}
	#logo {
		width:					500px;
	}
	#content {
		margin-left:			530px;
		clear:					right;
	}
	#logoimg {
		width:					500px;
		height:					auto;
	}
	img.kuva {
		width:					180px;
		height:					auto;
	}
	#koristekuva {
		width:					550px;
	}
}
@media ( min-width: 1004px ) and ( max-width: 1259px ) /* _______ 1024 × 768 */
{
	#language_selector:before  { content: "CSS 1024 × 768"; } 
}
@media ( max-width: 1003px ) /* __________________________________ 800 × 600 */
{
	#language_selector:before  { content: "CSS 800 × 600"; } 
	#language_selector {
		margin-bottom:			.6em;
	}
	#logo {
		width:					300px;
	}
	#logoimg {
		width:					300px;
		height:					auto;
	}
	#content {
		margin-left:			315px;
		clear:					right;
	}
	img.kuva {
		width:					190px;
		height:					auto;
	}
	#koristekuva {
		width:					380px;
	}
}
@media ( max-width: 780px ) /* _________________________ LESS THAN 800 x 600 */
{
	#language_selector:before  { content: "CSS < 800 x 600"; } 
	body {
		margin:					.6em 1em 2em;
	}
	#language_selector {
		margin-bottom:			0.5em;
	}
	#logo {
		float:					none;
		width:					auto;
	}
	#content {
		margin-left:			0;
		clear:					both;
	}
	#logoimg {
		float:					left;
		width:					350px;
		height:					auto;
		margin:					0 1em 1em 0;
	}
	#contact_info table {
		width:					auto;
	}
	img.kuva {
		width:					180px;
		height:					auto;
	}
	#koristekuva {
		width:					350px;
	}
}