@import url("//hello.myfonts.net/count/33adfe");
@font-face {font-family: 'FuturaPT-Book';src: url('webfonts/33ADFE_0_0.eot');src: url('webfonts/33ADFE_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/33ADFE_0_0.woff2') format('woff2'),url('webfonts/33ADFE_0_0.woff') format('woff'),url('webfonts/33ADFE_0_0.ttf') format('truetype');}
@font-face {font-family: 'FuturaPT-Bold';src: url('webfonts/33ADFE_2_0.eot');src: url('webfonts/33ADFE_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/33ADFE_2_0.woff2') format('woff2'),url('webfonts/33ADFE_2_0.woff') format('woff'),url('webfonts/33ADFE_2_0.ttf') format('truetype');}

/*--struktura--*/
body {font-size: 18px;}
.container {width: 100%; padding: 100px 30px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: table; position: static;}
.container2 {padding: 0 30px 30px;}
.container , .film_video {float: left;}
.container * {color: #2d2d2d;}
.container, .container > * {height: auto;}
.container .kontener {width: 100%; display: table; background-color: #ffe5e5;}
.container1 .kontener {padding-bottom: 100px;}
.container2 .kontener {padding: 100px 0 30px;}
hr {border: 1px solid #fe8c8c; width: 100%; margin: 75px 0;}

/*--top--*/
.top-title {width: 890px; position: relative; margin: 0 auto 100px; display: table;}
h1 {display: block; font-size: 3em; margin: 100px auto 0; text-align: center;}
h1 span {margin: 0 46px; opacity: 0;}

/*--tresc--*/
.tresc {width: 890px; position: relative; margin: 0 auto; display: table;}
.tresc p {font-size: 24px; letter-spacing: 0.2px; margin: 30px 0;}
.tresc p b, .tresc p a {font-size: inherit;}
.tresc p a {color: #fe8c8c;}
.center {display: table; margin: 0 auto;}
.tresc h2 {font-size: 25px; margin: 25px 0; font-family: 'FuturaPT-Bold';}


/*--video--*/
.cienie {height: 0; display: block; width: 100%; overflow: visible; position: relative; z-index: 10; float: left;}
.cien_g, .cien_d {float: left; height: auto; width: 100%; position: relative;}
.cien_g {transform: translateY(-100%);}


@media (min-width: 750px) and (max-width: 1050px) {
	.sekcja {width: 100%; margin: 25px 0 60px;}
 .top-title {width: 660px;}
 h1 {font-size: 2.6em; margin: 80px 20px 0;}
 h1 span {margin: 0 40px;}
 .tresc {width: 90%; margin: 0 5%;}
 .tresc p {font-size: 20px;}
 
}
@media (max-width: 750px) {
	/*--struktura--*/
	.sekcja {width: 100%; margin: 25px 0 60px;}
	.pytanie {margin: 0 0 30px;}
	.top-title {width: 100%; margin: 0 auto 20px;}
	.tresc {box-sizing: border-box; padding: 0 20px; width: 100%;}
	
	/*--tresci--*/
	h1 {font-size: 2em; margin: 60px 20px 0;}
	.tresc p {font-size: 18px;}
	
	.pyt {position: relative;}
	.pyt .opisPytania {width: 100%; box-sizing: border-box; padding: 0 0 0 40px; line-height: 32px;}
	.pyt .radio {position: absolute; left: 0; top: 0; margin: 8px 20px 6px 0;}
	
	/*--komunikaty--*/
	.komunikat, .pyt.kom2 .komunikat2 {position: relative; left: auto; right: auto; width: 100%; box-sizing: border-box; opacity: 1;}
	
	 .arrow-gal-l, .arrow-gal-r {width: 40px; height: 40px; margin-top: -20px;}
	 .container1 .kontener { padding-bottom: 50px;}
	 .container2 .kontener { padding: 50px 0 20px}

}

@media (max-width: 450px) {
.container button {width: 100%; font-size: 16px;}
}

@media (max-width: 300px) {
	.container1 .kontener { padding-bottom: 30px;}
	 .container2 .kontener { padding: 30px 0 15px}
}