@media screen and (min-width: 400px) and (max-width: 649px) {
	
	body {
		background: none;
	}
	
	a {
		color: #555;
		text-decoration: none;
		outline: none;
	}
	
	a:hover {
		color: #000;
	}
	
	h1 {
		padding-top: 10px;
		padding-bottom: 15px;
		font-size: 26px;
		font-weight: 800;
		letter-spacing: -0,5px;
	}
	
	h2 {
		padding-top: 21px;
		font-size: 19px;
		font-weight: 600;
		letter-spacing: -0,5px;
	}
	
	p {
	   padding-top: 10px;
	   padding-bottom: 18px;
	   font-size: 18px;
	   letter-spacing: -0,5px;
	   font-weight: 400;
	   line-height: 30px;
	   color: #707070;
	}
	
	h3 {
		font-size: 25px;
		font-weight: 300;
		color: #fff;
		line-height: 39px;
		font-weight: 500;
	}
	
	.centrum {
		max-width: 649px;
	}
	
	.cloud {
		padding-top: 15px;
		float: right; 
		height: 35px;
		clear: both;
	}
	
	#sticker1 { 
		width: 200px; 
		height: 20px;
		padding-left:15px;
		margin-top:10px;
		-webkit-transform: skew(-20deg); 
		-moz-transform: skew(-20deg); 
		-o-transform: skew(-20deg); 
		background: #5f96d6;
	}
	
	#sticker2 { 
		width: 160px; 
		height: 20px;
		padding-left:15px;
		margin-top:4px;
		-webkit-transform: skew(-20deg); 
		-moz-transform: skew(-20deg); 
		-o-transform: skew(-20deg); 
		background: #708c69;
	}
	
	#sticker1 p, #sticker2 p {
		padding-top: 0;
		font-size: 11px;
	}
		
	#content_graph {
		min-height: 260px;
		background: url(../images/bk.jpg) top no-repeat;
		background-size: 800px 252px;
	}
	
	#content_text {
	   padding-top: 10px;
	   max-width: 640px;
	}
	
	#content_site { /*  Bialy obszar tekstu na podstronach oraz loga na glownej */  
	   padding-left: 15px;
	   padding-right: 15px;
	   padding-top: 10px;
	   padding-bottom: 5px;
	   margin: 0 auto;
	   background: #fff;
	}
	
	#content_hp {
		margin: 0 auto;
	}
	
	#content_hp img {
		float: center;
		width: 55%;
	} 
	   
	#one_column, #three_column, #two_column, #thirty_proc_column, #fifty_proc_column {
	   padding: 0px;
	   float: left;
	   clear: both;
	   min-height: 10px;
	   width: 100%;
	}
	
	.img_con {
		width: 100%;
		height: 100%;
		clear: both;
		float: center;
		text-align: center;
	}
	
	#separator {
		display: none;
	}
	
	#right, .logo {
		display: none;
	}
	
	.logo-320 {
		display: block;
		width: 100%;
		text-align: center;
		clear: both;
	}
	
	.logo-320 img {
		width: 216px;
	}
	
	#left {
		padding-top: 10px;
		padding-left: 15px;
		width: 390px;
	}
	
	/* pływająca stopka */
	
	#main{
  		min-height: 100%;
 	    height: auto !important;
  		height: 100%;
 	    margin-bottom:-50px; /* - wysokość stopki do odjęcia */
	}
	
	#footer {
		display: none;
	}
	
	#footer-light, #push {
	  	clear:both;
	  	height:50px;
	}

	#footer-light {
		display: block;
		background-color: #f5f5f5;
		font-size: 12px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	/* konic stopki pływ */
	
	.container,
	.bb-custom-wrapper,
	.bb-bookblock {
		width: 100%;
		height: 100%;
	}
	
	.container {
		position: relative;
		left: 0px;
		-webkit-transition: left 0.3s ease-in-out;
		-o-transition: left 0.3s ease-in-out;
		transition: left 0.3s ease-in-out;
	}
	
	.slideRight {
		left: 240px;
	}
	
	.no-js .container {
		padding-left: 240px;
	}
	
	#header {
		width: 240px;
		height: 100%;
		position: fixed;
		z-index: 1000;
		top: 0;
		left: 0;
	}
	
	.js #header {
		position: absolute;
		left: -240px;
	}
	
	.ddmenu li a, .ddmenu li a:hover {
		height:40px;
		width:196px;
		text-align: left;
		cursor: pointer;
		padding-top:19px;
		border-bottom: 1px solid #ebebeb;
	}
	
	.active, 
	.ddmenu li.active {
		background-color: #dce8f6;
	}
	
	.dmenu li {
		background-image: none;
	}
	
	#header div {
		width: 100%;
	} 
	
	#header div a {
		text-transform: uppercase;
		font-size: 15px;
		line-height: 1;
		padding: 5px 10px;
		display: block;
		border: none;
		color: #5a5a5a;
		letter-spacing: 1px;
	} 
	
	#header div a:hover {
		background: inherit;
	}
	
	.bb-custom-wrapper nav {
		top: 20px;
		left: 60px;
		position: absolute;
		z-index: 1000;
	}
	
	.bb-custom-wrapper nav span,
	.menu-button {
		position: absolute;
		width: 32px;
		height: 32px;
		top: 0;
		left: 0;
		background: #3070d0;
		border-radius: 50%;
		color: #fff;
		line-height: 30px;
		text-align: center;
		speak: none;
		font-weight: bold;
		cursor: pointer;
	}
	
	.bb-custom-wrapper nav span:hover,
	.menu-button:hover {
		background: #000;
	}
	
	.bb-custom-wrapper nav span:last-child {
		left: 40px;
	}
	
	.menu-button {
		z-index: 1000;
		left: 10px;
		top: 10px;
		text-indent: -9000px;
		display: inline;
	}
	
	.menu-button:after {
		position: absolute;
		content: '';
		width: 50%;
		height: 2px;
		background: #fff;
		top: 50%;
		margin-top: -1px;
		left: 25%;
		box-shadow: 0 -4px #fff, 0 4px #fff;
	}
	
	.no-js .bb-custom-wrapper nav span,
	.no-js .menu-button {
		display: none;
	}
}