/* Over all */
.page-box{
	max-width: 100%;
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
#mobile-indicator{display:none;position:absolute;width:0;height:0;}

@media only screen and (min-width: 1201px) {
	nav#menu{
	display:block !important}
	#prom > * {opacity:0}
	
}

/* 1280px */

@media only screen and (max-width: 1280px) {
	


    .page-box{
		max-width:90%;
	}
	
	#prom img{display:none}
	#prom article{position: static; right:0 !important;left:0 !important;width:50%;padding: 2em; padding: 30px 60px !important; text-align: center !important}
	
	#contact-icons section{width:32%}
}

/* 1200px */

@media only screen and (max-width: 1200px) {
	
	#mobile-indicator{display: block}
	
    .page-box{
		max-width:90%;
	}
	
	nav#menu{
		display:none;
		position: absolute;
		right: 45px;
		margin-top: 35px;
		background: rgba(0,0,0,0.7)
	}
	nav#menu a{
		display:block;
		text-align: center;
		color: #fff;
		border-bottom-color: #222;
		padding: 1.2em 3em;
	}
	.art1, .art2{
		height: 350px !important;
	}
	#menu-opener{
		display:block;
		float:right;
		font-size: 2em;
		color: rgb(64,112,170);
		cursor:pointer;
		border: solid 2px rgb(64,112,170);
		padding: 0.6em 0.9em 0.4em;
		margin-top: 50px;
	}
	#menu-opener:hover{
		background: #eee;
	}
	
	#home h3{
		margin-top: 40px;
	}
	
	#offer-mins li{
		margin-right: 1%;
		width: 19.2%;
		font-size: 0.85em;
	}
	
	#wycena li {
		font-size: 0.8em;
	}
	
	#wycena li:not(:first-child):after{
	margin: -50px 0 0 -37px;
	}
	
	#oferta .trn{padding: 10px 0}
	
	.trn br{display:none}
	
	#o-firmie .photo img{
	/margin-top:0}
} 

/* 800 */

@media only screen and (max-width: 800px) {
	
	#top-contact{
		display:none;
	}
	
	#top{margin-bottom:0}
	#top .page-box{max-width:100%;}
	#logo{
		display:block !important;
		width: 100%;
	}
		
	#logo img{
		display:block;
		width: 180px;
		max-width: 80%;
		margin: 0 auto;
		height: auto;
	}
	
	#title{
		display: block !important;
		width: 100%;
		margin: 20px 0 0;
		padding: 20px 70px 20px 20px;
		border:0;
		background: #eee;
	}
	
	#menu-opener{
		position:absolute;
		right: 4%;
		margin-top: -75px;
		padding: 0.5em;
		border:0;
	}
	
	nav#menu{
		margin-top:0;
		width:100%;
		right:0;
	}
	
	#cover{
		background-position: center;
		overflow-y:scroll;
		height: 500px;
	}
		
	#slider {margin-top: 80px; padding: 20px;}
	#slider h2{font-size: 1.7em;}
	
	#offer-mins li, #offer-mins li:last-child{
		display:block;
		width: 70%;
		max-width: 300px;
		height: 130px;
		margin: 20px auto;
	}
	
	.art1, .art2{
		height: auto !important;
		width:100% !important;
	}
	
	#contact-icons section{
		display:block;
		width: 100%;
		padding: 20px 0;
	}
	
	#socials{
		display:block;
		width:100%;
		text-align:center;
	}
	
	#cover.as-title {text-align:center;}
	#cover.as-title h1{
		font-size: 1.7em;
		margin-top: 70px;
	}
	
	
	
	main section{
		padding: 60px 0 !important;
	}
	#o-firmie h2{
		float:none;
		margin-bottom: 50px;
		width:100%;
	}
	#o-firmie article{
		padding:0;
		margin:0;
	}
	#o-firmie .photo img{
		position: static;
		max-width: 50%;
		float:left;
		margin: 0 30px 0 0 ;

	}
	#o-firmie .photo p{
		display: block;
		width: 100%;
	}
	
	#wycena article{
		width:100%;
		padding:0 0 30px 0}
	
	#wycena li{
		display: block;
		width: 100%;
		word-spacing: normal;
		font-size: 1em;
		height: auto;
		padding: 1em 0;
		margin-bottom: 50px;
	}
	#wycena li:not(:first-child):after{
		margin: -40px 0 0 -43px;
		position: absolute;
		width: 10px;
		margin: -80px 0 0 40%;
		display:block;
		content:"";
		border-right: solid 10px transparent;
		border-top: solid 10px #555;
		border-left: solid 10px transparent;
	}
	
	#oferta .ofbl article{
		display:block;
		overflow: hidden;
		text-align:left;
		width: 100%;
		border:0 !important;
		margin-bottom: 30px;
	}
	
	#oferta .ofbl article{
		text-align: center !important;
	}
	#oferta h3{
		
		text-align: center !important;
		display:block;
	}
	#oferta .ofbl img{
		display: inline;
		float:none; 
		max-width: 35%;
		height: auto;
		width: auto;
	}
	
	.dodat{
		padding: 0;
	}
	
	.ofint{
		padding:0;
	}
	
	#oferta .trn{height:auto; text-align:center; background-position: 0 0; box-shadow: inset 0 -250px 100px #000}
	.trn img, .trn p{
		display: inline-block;
		float:none;
		max-width: 100%;
		padding:0;
		margin:0 0 30px;
	}
	
	
	#kontakt section, #kontakt article{
		display:block;
		width:100%;
	}
}