/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://creativecommons.org/licenses/MIT/	*/


/*	Resets
	------	*/

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a img {border: 0;}


/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */




/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */


@media only screen  and (max-width: 767px) {
	
	
	
	
	
}
@media only screen and (min-width: 160px) and (max-width: 480px) {

		a.logo{
		display:block;
		width:100%;
		font-size:25px;
		font-weight:700;
		}
		.top-tools{ display:block; float:left;
		width:100%;}
		.brcm-language-selection{
			float:left;
			display:block;
			width:100%;
			text-align:left;
			margin-top:10px;}
			
			.brcm-language-selection a{ float:none;}
		
		.contact-icons{
		display:block;
		width:100%;
		float:left!important;
		padding-top:10px;
		padding-bottom:20px;}
		.contact-icons a{ float:left;
		margin-left:0px;
		margin-right:10px;}
		.column-left{
		display:block;
		width:100%;
		font-size:1.3em;
		max-width:none;}
			.brcm-navigation ul li{
				text-transform:uppercase;
				font-weight:600;
				line-height:1.1em;
				padding-left:15px;
				margin-bottom:0.7em;}
				.brcm-navigation ul li.brcm-active-node{
					background:url(../img/icon-menu-li.gif) no-repeat 0 5px;
					padding-left:15px;}
					.brcm-navigation ul li ul li{ font-size:14px;
					margin-bottom:0.5em;}
		.content{
		display:block;
		width:100%;
		max-width:none;
		padding-top:10px;}
				.firma{
				display:block;
				width:100%;
				max-width:none;
				margin-top:20px;
				clear:both;}
		
		
		.content .brcm-generic-element-with-images-on-the-right .brcm-group-of-images, .content .brcm-generic-element-with-images-on-the-left .brcm-group-of-images, .brcm-generic-element-with-big-images .brcm-group-of-images{
		 width:100%!important;
		 display:block!important;
		 float:left!important;
		 margin-left:0px!important;}	
		.content .brcm-image-and-caption{ float:left!important;}
		
		.content input[type='text'], .content input[type='password'], .content textarea{ width:80%!important;}
		.content .brcm-caption{ width:100%!important;}
		.content .brcm-generic-element-with-big-images img, .flexslider img {
    height: auto;
    width: 100%;
}	
		
		}




/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	
	
}