﻿html {
  scroll-behavior: smooth;
}
body {
	padding: 0;
	margin: 0;
	font-size-adjust: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	-webkit-text-size-adjust: none;
	overflow-x: hidden;
	transition: padding .5s linear;
}
body * {
	box-sizing: border-box;
}
header, section, footer, aside, nav, main, article, figure {
 	display: block;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0.175em 0;
}
.strona {
    width: 100%;
    margin: 0 auto;
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: #ffffff;
	overflow: hidden;
}
.wiersz {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
	width: 1232px;
    margin: 0 auto;
}
.kolumna {
	flex-shrink: 1;
	flex-grow: 0;
}
.srodek {
  text-align: left;
}

.blok{
	margin: 0 auto!important;
}

/* Main i szkielet */
.blok-glowny{
	margin: 0px auto 24px auto;
    position: relative;
}
main {
	margin: 0px auto 0px auto;
}



/* Nagłówek główny */
.glowna-tytul{
	display: none;
}

/* Moduły */
.moduly-kontener{
	background-color: #efefef;
}
.moduly_tlo{
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 16px 0px;
	gap: 16px;
}

/*Mobilne*/

@media all and (min-width: 0px) and (max-width: 639px) {

}

@media all and (min-width: 320px) and (max-width: 1023px) {
	.wiersz{
		width: 100%;
	}
	#menu-gora{display: none;}
	#menu-mobilne{display: block;}
	.animacja-kontener{display: none;}
	header{height: 76px!important;background: #fff; display: none;}
	.nawigacja-100-podstrona, .nawigacja-100{display: none;}
	.header-dane{display: none;}
	.logo {display:none;}
	.blok-glowny{ width: 100%; margin-top: 60px; margin-bottom: 16px;}
  	.szerokosc-12, .szerokosc-24 {  width: 100%; margin:auto;}
	.szerokosc-13, .szerokosc-14 {  width: 100%; margin:auto; order:2;}
	.szerokosc-23, .szerokosc-34 {  width: 100%; margin:auto;}
	.szerokosc-13-stopka{width: 100%; margin:auto;}
	.blok{margin:auto;}
	.dane{padding: 16px 32px 24px 32px;}
	.lewy-blok, .prawy-blok{flex-wrap: wrap;}
	.lewy-blok{order:2;}
	.prawy-blok{order:1;}
	aside{display: none;}
	.kolumna{
		max-width: 100%;
	}
	.moduly_tlo{
		flex-wrap: wrap;
	}
}

@media all and (min-width: 1024px) and (max-width: 1279px) {
	.wiersz{
		width: 100%;
	}
	.button-menu-mobile{display: none;}
	.blok { width: 992px; }
	.szerokosc-1 { flex-basis: 992px; width: 992px; margin: 0 auto;}
	.szerokosc-12, .szerokosc-24 { flex-basis: 488px; width: 488px; }
	.szerokosc-13, .szerokosc-14, .szerokosc-13-stopka { z-index: 1; width: 320px; }
	.szerokosc-23, .szerokosc-34 { flex-basis: 656px; width: 656px; z-index: 1;}
	.szerokosc-100 { flex-basis: 100%; z-index: 1;}
	.stopka .kolumna{flex-basis: 212px; width: 212px;}
	.statystyka-tekst{width: 100%!important;}
	.logo a span:first-child{ 	font-size: 28px; width: 100% !important;}
	.header-dane{padding: 0px;}
	.kontrast-czcionka{margin-left: 10px;}
	.szukaj-gora{flex:0 1 auto; width: auto;}
	.div-kontrast, .div-czcionka{padding-left: 10px; padding-right:10px;}
	.dane{padding: 8px 8px 8px 8px;}
	.wyszukiwarka{width: auto;}
}

@media all and (min-width: 1280px) {
	#menu-gora { display: flex;}
	#menu-mobilne { display: none;}
	.button-menu-mobile{display: none;}
	.blok { width: 1232px;}
	.szerokosc-1 { flex-basis: 1232px;}
	.szerokosc-12, .szerokosc-24 { flex-basis: 608px;}
	.szerokosc-13 { /*flex-basis: 400px;*/ width: 400px; z-index: 1;}
	.szerokosc-13-stopka{ flex-basis: 460px; width: 460px;}
	.szerokosc-23 { flex-basis: 816px; width: 816px; z-index: 1;}
	.szerokosc-14 { flex-basis: 296px; width: 296px;}
	.szerokosc-34 { flex-basis: 920px; width: 920px;}
	.szerokosc-100 { flex-basis: 100%; width: 100%;}
	.blok-glowny{ flex-basis: 1232px; width: 1232px;}
	.start-23
	{
		display: flex;
		justify-content: space-between;
	}
}
