@font-face {
    font-family: poppins, sans-serif;
   
    font-weight: normal;
    font-style: normal;
}
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
	height: 100%;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}

ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
section, header{
	display: block;
}
/* General Demo Style */
body{

	font-family: poppins, sans-serif;
	/*background: linear-gradient(to left, #f2f2f2 0%, #ffffff 100%);*/
background: #f5f3d9;

	overflow-y: scroll;
}
a{
	color: #ac1414;
	text-decoration: none;
}

a:hover {color:#0000FF;}
aside {
	position:relative;
	width:100%;
	z-index:1000;
}
.container{

	min-height:100%;
	max-width:1220px;
	margin-left: auto;
    margin-right: auto;
	text-align: center;
	background: transparent;
}
.clr{
	clear: both;
}
.container > header{ /*POŁOŻENIE BANERA*/
	padding: 0px 30px 0x 30px; /*ODLEGŁOŚĆ POMIĘDZY BANEREM A MENU*/
	margin: 0px 0px 0px 0px;
	position: relative;
	display: block; 
	text-shadow: 0px 0px 0px rgba(0,0,0,0.2); /*cien na tekscie na menu*/
    text-align: center;
}
.container > header h1{
	font-family: poppins, sans-serif;
	font-size: 135px;
	line-height: 35px;
	position: relative;
	font-weight: 400;
	color: #000000;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    padding: 0px 0px 5px 0px;
}
.container > header h1 span{
	color: #000000;
	text-shadow: 0px 10px 1px rgba(255,255,255,0.8);
}
.container > header h2{
	font-size: 126px;
	font-style: italic;
	color: #593741;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
}

					
					
					
					
					.baner{
						

	width: 100%;
	height:auto;
	position: relative;
	margin-bottom:5px;

	border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;

}
.baner img {width:100%;

    margin-bottom: 10px;}

										.history {
	width: 100%;
	height: auto;
	float: right;
	position: relative;
	overflow: hidden;
	border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	margin-top:10px;
}

					.history h2
 {
font-family: Fira Sans, sans-serif;
	color: #eca421;
	font-size:6em;
	font-weight:700;
	text-align: center;
	line-height:100px;
	z-index: 9999; /*okresla nakładanie na siebie elementów : np.nkaładamy tekst na obrazek, im wyższa wartość z-index tym dany element jest bliżej użytkownika*/

}
					.history h3
 {
font-family: Fira Sans, sans-serif;
	color: #eca421;
	font-size:3em;
	font-weight:600;
	text-align: center;
	line-height:100px;
	z-index: 9999; /*okresla nakładanie na siebie elementów : np.nkaładamy tekst na obrazek, im wyższa wartość z-index tym dany element jest bliżej użytkownika*/

}
					.history h5
 {
font-family: Fira Sans, sans-serif;
	color: #000000;
	font-size:1.3em;
	font-weight:600;
	z-index: 9999; /*okresla nakładanie na siebie elementów : np.nkaładamy tekst na obrazek, im wyższa wartość z-index tym dany element jest bliżej użytkownika*/

}

.history h6
{
	color: #3f3f3f; /*dczcionka ma buttonie "więcej*/
	text-shadow: 0px 0px 0px rgba(0,0,0,0.2);
	border-color: transparent;
	font-size: 1.5em;
	font-weight:700;
	padding: 0px 0px 0px;
	text-align: center;
	margin-top:0px;
	    margin-bottom: 50px;
}


				.history p {


	color: #535353;
	font-size:1.3em;
	line-height: 30px;
	margin-left: 30px;
				margin-right:30px;}

.copy{
	width: 100%;
	height: auto;
	margin-top:100px;
	overflow: hidden;
background: #6bb755;}

.copy p {
    line-height: 30px;
    text-align: center;
    margin-top: 5px;
    width: 100%;
    color: #ffffff;
    font-size: 0.9em;
}
.iframe {width:90%;
height:350px;}

.footer-b {
margin-bottom:30px;}

.footer-left{
	float: left; 
	width: 33%;

}
.footer-center{
	float: left; 
	width: 33%;

}
.footer-right{
	float: left; 
	width: 33%;
	border-radius:0px 0px 0px 0px ;


}
.half-img img {width:50%;}
.half-img100 img {width:90%;}

@media (max-width: 500px) and (min-width: 300px) {
	
	
	
	.history h2 {font-size:3em;}
.history h3	{font-size:2em;
	line-height:40px;
	margin-bottom:15px;}
	
	

	.footer-right,
.footer-left,
.footer-center {
width:90%;
margin-left:5%;
margin-right:5%;
}

.szczygiel img {width:60%;
    margin-top: 20px;
    margin-bottom: 10px;}

}