/* CSS Document */



@media only screen and (max-width: 1600px) {
	html, body { background: url('../grafika/top_back_2.jpg') center top no-repeat #272727; background-size: auto;	}
}

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

    .social{ right: 30px; }
    .main-inner div{ font-size: 80px; }
}


@media only screen and (max-width: 1280px) {
	.center{ width:1000px;}
}

@media only screen and (max-width: 1180px) {
	.social{ display: none; }
	.social-contact{ display: block; }
}

@media only screen and (max-width: 1120px) {
	.center{ width: 94%; }

	.logo, .menu{ display: none; }
	.top{ background: none; height: 85px; top: 0px; left: 0px; }
	.top-main{ height: 120px; }
	.top.active{ background: rgba(59,59,59,.85); }
	.logo-R{ display: block;  }
	#nav-icon{ display: block; }

	html, body { background: url('../grafika/top_back_R.jpg') right top no-repeat #272727; background-size: auto;	}
}


@media only screen and (max-width: 1000px) {
	.content-frame-container{ margin-bottom: 70px; }
	.content-frame-container .foto{ width: 45%; float: left; position: relative; }
	.content-frame-container .foto img{ width: 115%; display: inline-block; }
	.content-frame-container .foto-R img{ float: right; }
	.content-frame-container .txt{ width: 55%; padding: 50px 40px; }

	.faq{ padding-bottom: 100px; }
	.contact{padding-bottom: 200px; }
}


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


	.top-main{ height: 240px; }
	

	.content-frame-container{ margin-bottom: 70px; display: block; }
	.content-frame-container .foto{ width: 100%; float: left; position: relative; float: none; }
	.content-frame-container .foto img{ width: 110%; margin-left: -5%; display: inline-block; float: none; }
	.content-frame-container .txt{ width: 80%; margin-left: 10%; padding: 50px 40px; float: none;}

	.history2{ display: none; }
	.fotoHistory-R{ display: block; margin-top: -90px; }
	.content-frame-container .foto{ margin-top: -90px;}
	.content-frame-container .foto-L{ display: none;}
	.content-frame-container .foto-mobile{ display: block; }

	.separator{ height: 60px; width: 100%; }


	.faq-pytanie{ font-size: 20px; }

	.contact-content{ font-size: 24px; }

}


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

	.contact-content{ padding-left: 0px; padding-top: 100px; width: auto; text-align: center; font-size: 22px;}
	.contact-content:after{ left:50%; margin-left: -55px; top: 0px; width: 110px; height: 85px; background: url('../grafika/logo_footer.svg') center center; background-size: cover; }

	.color-lp{ display: none; }
	.color-lp-R{ display: block; }


}


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

	html, body { background: url('../grafika/top_back_R.jpg') right top no-repeat #272727; background-size: auto;	}

	.menuFixedKlik{ font-size: 35px; }
	.header{ font-size: 40px; }
	

	.content-frame-container .txt{ width: 86%; margin-left: 7%; padding: 40px 30px;}

	.faq-pytanie{ font-size: 20px; }

	.faq{ padding-bottom: 70px; }
	.contact{padding-bottom: 140px; }
}


@media only screen and (max-width: 550px) {
	html, body { background: url('../grafika/top_back_R_2.jpg') right top no-repeat #272727; background-size: auto;	}
	.top-main{ height: 175px; }
}


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



	.menuFixedKlik{ font-size: 31px; margin-top: 20px; }
	.header{ font-size: 38px; }
	

	.content-frame-container .txt{ width: 88%; margin-left: 6%; padding: 30px 25px;}
	.fotoHistory-R{ display: block; margin-top: -75px; }
	.content-frame-container .foto{ margin-top: -75px;}

	.faq-pytanie{ font-size: 18px; }

	.faq{ padding-bottom: 40px; }
	.contact{padding-bottom: 80px; }
}


@media only screen and (max-width: 400px) {
	html, body { background: url('../grafika/top_back_R_3.jpg') right top no-repeat #272727; background-size: auto;	}
	.top-main{ height: 165px; }
}


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

	.header{ font-size: 36px; }
	

	.content-frame-container .txt{ width: 92%; margin-left: 4%; padding: 28px 23px;}
	.fotoHistory-R{ display: block; margin-top: -60px; }
	.content-frame-container .foto{ margin-top: -60px;}
}

@media only screen 
  and (orientation: portrait) {


}



@media only screen 
  and (max-width: 500px)
  and (orientation: portrait) {


    
}