/******************************************************
********************** res ****************************
******************************************************/

@media only screen and (max-width: 1700px) {
	.klucze { width: 350px }
}


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


	.player1 { left: -50px; transform: scale(0.8);}
	.player2 { bottom: -164px; right: -5px; transform: scale(0.8); }
	.klucze { right: -50px }
	.trasa-naglowek { width: 500px; }
	.trasa-ornament { width: 480px; margin-top: 15px }
	.paw { width: 300px;  }

}


@media only screen and (max-width: 1350px) {
	.video-popup-content { width: 85% }
	.paw { left: 20px; width: 260px; }

	.nav-links a { font-size: 18px; }
	.underline-wrapper { width: 90px }

	a.btn-zobacz svg { width: 130px; margin: auto; }
	a.btn-zobacz { font-size: 18px; }
	.nav-logo img { width: 190px; } 

}

@media only screen and (max-width: 1250px) {
	.klucze { width: 270px; }
	.left-links { padding-right: 60px; }
	.right-links { padding-left: 60px;  }
}

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

	.player1 { left: -50px; transform: scale(0.6);  top: -50px;  }
	.player2 { bottom: -200px; right: -30px; transform: scale(0.6); }

}

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

	.nav-links { display: none; }
    .hamburger { display: flex; }
    .navbar-wrapper::before { content: ''; display: block; width: 30px; }
    .video-popup-close { right: 0 }
    .menu-social .social-link svg { fill: #402B26; }
    .menu-social { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
    .mobile-menu a { padding: 20px 10px }
    .mobile-menu { display: flex; opacity: 0; visibility: hidden; z-index: 1000; pointer-events: none; overflow: hidden; }
    .menu-social a { transition: none}
    .menu-ornament { width: 80px; position: absolute; left: -2px; }
    .menu-ornament2 { position: absolute; width: 70px; bottom: -45px; right: 12px; }

    .koncerty-miesiac { padding-left: 0; padding-right: 0 }
    .koncerty-czerwiec { margin-bottom: 50px; position: relative; }
    .koncerty-lipiec { position: relative; margin-bottom: 20px; left: 0 }
    .koncerty-miesiac:last-of-type { padding-left: 300px;  }
    .koncerty-sierpien { position: relative; margin-bottom: 20px; left: 0 }

    .trasa-naglowek { width: 400px; }
	.trasa-ornament { width: 380px; margin-top: 15px; margin-bottom: 60px; }
	.container { width: 90% }
	.koncerty-miesiac:first-of-type { padding-right: 210px; }

	.video-content { width: 90%; }
	.video-content .tytul { width: 100% }

}

@media only screen and (max-width: 800px) {
	.player1 { left: -60px; transform: scale(0.5); top: -50px;  }
	.player2 { bottom: -240px; right: -30px; transform: scale(0.5);  }
	.koncerty-miesiac:last-of-type { padding-left: 0 }
	.paw { width: 160px; bottom: 100px; }
	footer span { margin-top: 10px; }
	footer { padding-bottom: 30px }

}

@media only screen and (max-width: 700px) {
	.klucze { top: 720px;  }
	.koncerty-miesiac:first-of-type { padding-right: 0 }

	a.btn-zobacz { margin-top: 30px; }
}

@media only screen and (max-width: 600px) {
	.klucze { width: 200px; right: -20px; }
	.koncerty-miejsce { font-size: 20px;  }
	.koncerty-data { font-size: 16px; flex: 0 0 80px; }
	.koncerty-czerwiec { width: 120px; }
	.miesiac-ornament { width: 100px; }
	.koncerty-lipiec { width: 87px; }
	.koncerty-lipiec .miesiac-ornament { bottom: 10px; }
	.koncerty-sierpien { width: 127px; }
	.koncerty-sierpien .miesiac-ornament { bottom: 8px; }
	.trasa-naglowek { width: 340px;  }
	.trasa-ornament { width: 320px; margin-top: 10px; }
	footer { font-size: 16px }
	footer span { font-size: 14px;  }
	.paw { width: 140px; bottom: 90px; }
	footer .container { width: 90% }
	.trasa { padding-top: 100px; }
}

@media only screen and (max-width: 550px) {
	.trasa-naglowek { width: 300px;  }
	.trasa-ornament { width: 280px; margin-top: 10px; }
	.koncerty-czerwiec { width: 100px }
	.miesiac-ornament { width: 75px; height: 44px; bottom: -28px; }
	.koncerty-data { font-size: 14px; flex: 0 0 70px; }
	.koncerty-miejsce { font-size: 17px; }
	.koncerty-flex { margin-bottom: 15px;  }
	.koncerty-lipiec { width: 70px; }
	.koncerty-lipiec .miesiac-ornament { bottom: 1px }
	.koncerty-miesiac { margin-bottom: 60px; }
	.klucze { top: 550px;  width: 160px; }
	.koncerty-sierpien { width: 102px; }
	.koncerty-sierpien .miesiac-ornament { bottom: 0 }
	.paw { width: 120px; }

	.player2 { bottom: -260px; right: -30px;  transform: scale(0.4);  }
}

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

	a.btn-zobacz { font-size: 16px; }
	a.btn-zobacz svg { width: 122px; }
	.video-content { padding: 0 }
	.nav-logo img { width: 170px; }
	.mobile-menu a {  padding: 20px 2px;  }
	.menu-ornament { width: 65px; }
	.menu-ornament2 { width: 60px; right: 5px }

}