*{
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body{
	margin:0;
	padding: 0px;
}

header{
	width: 100%;
	height:80px;
	position: fixed;
	top:0;
	z-index: 55;
	display: flex;
	align-items: center;
}

main{
	
}

footer{
	width: 100%;
}

.naglowek{
	align-items: center!important;
}

.flagi{
	font-size: 0px!important;
}

.flagi a{
	padding-left: 14px;
	font-size: 0px;
}

.flagi a:hover{
	opacity: 0.7;
}

.flagi a span{
	display: none;
}

.menu-wrap{
	display: flex;
	align-items: center;
}

.strona{
	display:block;
	margin:0 auto;
	overflow: hidden;
}

.wiersz {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.kolumna {
	flex-shrink: 1;
	flex-grow: 0;
}


/*Bloki w sekcji*/

.blok-tlo {
	padding: 80px 0px 100px 0px;
}

.blok{
	margin: 0 auto!important;
}

.blok-tytul{
	width: 100%;
}

.blok-tresc{
	width: 100%;
	padding: 0px 0px;
	opacity: 0;
	transition: opacity 1.5s;
	animation-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
}

.blok-tresc img{
	max-width: 100%;
	height:auto;
}

.blok-tresc iframe, table{
	max-width: 100%;
}


/*Animacja*/
@keyframes pojawianie {
    from {opacity:0; transform: translate(0, 50px)}
    to {opacity:1; transform: translate(0, 0px);}
}


/*Mobilka*/

@media all and (min-width: 320px) and (max-width: 1023px) {
    .szerokosc-12, .szerokosc-24 {  width: 90%; margin:auto;}
	.szerokosc-13, .szerokosc-14 {  width: 90%; margin:auto;}
	.szerokosc-23, .szerokosc-34 {  width: 90%; margin:auto;}
	.naglowek {display: none!important;}
	header {height: 60px!important;}
	#menu-86 .blok-tresc {opacity:1!important; animation:none!important;}
}


@media all and (min-width: 1280px) {
	.blok { width: 1232px;}
	.szerokosc-1 { flex-basis: 1232px; width: 1232px;}
	.szerokosc-12, .szerokosc-24 { flex-basis: 608px; width: 608px;}
	.szerokosc-13  { flex-basis: 400px; width: 400px;}
	.szerokosc-23  { flex-basis: 816px; width: 816px;}
	.szerokosc-14  { flex-basis: 296px; width: 296px;}
	.szerokosc-34  { flex-basis: 920px; width: 920px;}
	.szerokosc-100 { flex-basis: 100%; width: 100%;}
}