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

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

	.container { width: 94%; margin: auto; }
	.home-top-napis { font-size: 150px; }
	.home-opis .container p { width: 50% }
}	


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

	h1 { font-size: 82px; }
	h2 { font-size: 76px;  }
	h3, .ilosc-godzin { font-size: 34px;  }
	.kierunki .foto-poziom .foto::after, .kierunki .foto-poziom .foto::before { height: 40%; top: 36% }

	.baner-stopka { font-size: 60px; }
}

@media only screen and (max-width: 1080px) { 
	.top-inner .container { border-bottom: 0 }
	.menu, .top-menu { display: none; }
	.menuMobileClick { display: block; }
	.top { margin-top: 20px }
	.menuFixed .logo {display: none;}
	.menuFixed .menu, .menuFixed .top-menu { display: block; width: 100%; background: transparent; padding-left: 30px;  }
	.menu::after { display: none; }
	.menu ul li:first-of-type { padding-left: 0 }
	.menu ul li {padding-left: 0; font-size: 24px; margin-bottom: 0px; display: block; }
	.menu ul li a { text-align: right; }
	.menu-mobile-inner { position: absolute; top: 30px; right: 2%; }
	.home-opis .container p { width: 70%;  }
	.home-top-napis { font-size: 120px; }
	.logo { width: 140px; }
	.top-nav a { font-size: 12px;  }
	.menuFixed .top-nav ul li { padding: 0 }
	.main-menu { padding-bottom: 50px; border-bottom: solid 1px #c0c8cc; margin-bottom: 30px; }
	.menuFixed .menu-all { display: flex; flex-direction: column-reverse; padding-top: 100px; }
	.menuFixed-inner .container { width: 100%; padding: 0 4% }
	.content-area { padding-top: 200px; }
	.menu-button { background: #cf0; text-align: center !important; }
}


@media only screen and (max-width: 950px) { 
	.blok-flex { display: block; }
	.blok-kolumna { width: 100% }
	.kierunki-rozwiniecie, .kadra-rozwiniecie { margin-top:30px; }
	.blok-flex-kadra { display: flex; }
	body { font-size: 22px }
	.wprowadzenie { width: 100% }

	.blok-foto { margin-bottom: 50px; }

 } 

@media only screen and (max-width: 800px) { 
	.home-opis  { font-size: 30px; }
	.home-opis .container p { width: 80% }
	.home-top-napis { font-size: 100px; }

}

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

	.blok-flex-kadra .blok-kolumna { width: 48%; flex: 0 0 48%; margin-bottom: 80px; }
	.kadra .lista-kierunkow .kierunek-item { margin-bottom: 70px;  }
	.baner-stopka { font-size: 50px; }
	.footer-logo { width: 100% }
	.footer-logo img { width: 120px; }
	.footer-flex:last-of-type { padding-top: 80px; }
	.home-footer-napis { margin-top: 50px;  }
	.footer-flex-kolumna:nth-child(2n) { margin-right: 50px;  }
	.single h1 { font-size: 40px; }
	.single h2 { font-size: 34px;  line-height: 1.1}
	.single h3 { font-size: 30px;  line-height: 1.1}
	.single h4 { font-size: 26px;  }
	.single h5 { font-size: 24px;  }
	.single-godziny { font-size: 30px; }
	.blok-flex-kadra h3 span:after { display: none; }
	
}

@media only screen and (max-width: 500px) { 
	.menuFixed { width: 300px }
	.logo { width: 120px;  }
	.home-top-napis { font-size: 80px; }
	.home-opis .container p { width: 100%;  }
	.home-opis { font-size: 27px;  }

	h1 { font-size: 70px; }
	h2 { font-size: 54px;  }
	h3, .ilosc-godzin { font-size: 30px;  }
	.baner-stopka { font-size: 40px; }

	.kierunek-item .foto-poziom .foto { padding: 15px; }
	.ilosc-godzin { left: 15px; bottom: 15px;  }
	.kierunek-arrow { right: 15px; bottom: 15px;  }
	.kierunki .foto-poziom .foto::after, .kierunki .foto-poziom .foto::before { height: 34%; top: 39%; }

	.blok-flex-kadra { margin-top: 70px; }
	.blok-flex-kadra .blok-kolumna { width: 48%; flex: 0 0 48%; margin-bottom: 60px; }
	.kadra .lista-kierunkow .kierunek-item { margin-bottom: 30px;  }
	.kierunki h3 { min-height: 40px; }
	.kadra-button { margin-top: 30px; font-size: 20px;  }

	.content-area { padding-top: 150px; }
	.blok-button { font-size: 20px; }
}

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

	h3, .ilosc-godzin { font-size: 28px;  }
	.blok-flex-kadra .foto-kwadrat { width: 90% }
	.blok-button { padding: 15px 40px; }
	.single h3 { font-size: 28px;  line-height: 1.1}

}


@media screen and (orientation: portrait) {

	.home-mobile { display: block; }
	.home-desk { display: none; }
}