img.lang-icon {
    width:2em;
    height:2em;
    margin:0;
}

.pasilogo {display:none;}

@media (min-width: 1276px) {
	.top-nav-collapse .pasilogo {display:block;float:left;}
}

.fb-btn {
	position:fixed;
	right:0px;
	width:40px;
	height:159px;
	display:block;
	z-index: 9999;
}

.fb1 {background:url(../fb1.png);top:200px;}
.fb2 {background:url(../fb2.png);top:400px;}

.brand-heading, .intro-text {
	font-family: 'Croissant One', cursive;	
	text-shadow: 0px 0px 15px rgba(0,0,0,0.7);
	-moz-text-shadow: 0px 0px 15px rgba(0,0,0,0.7);
}

p {
    margin: 1em 1em;
    text-align: justify;
}

.nav{
    background-color: rgba(0,0,0,0.3);
    padding-right:1em;
    padding-bottom:2px;
}

/* Navbar - przywrócenie oryginalnego wyglądu dla strony polskiej */
.navbar-nav li {
    margin: 0 2px;
}

/* (revert) odstępy linków pozostają zgodne z motywem bazowym */

/* Zmniejszenie odstępów i kerningu w pozycjach menu (desktop) */
@media (min-width: 992px) {
    .navbar-custom .nav > li { margin: 0 2px; }
    .navbar-custom .nav > li > a {
        padding: 8px 8px;            /* ciaśniejsze paddingi */
        letter-spacing: 0.05em;      /* mniejszy rozstrzał liter */
    }
}


/* Wyłączone ukrywanie pozycji menu nth-child – pozwalamy Bootstrapowi składać menu naturalnie */
/*
@media (max-width: 992px) {
    .navbar-nav li:nth-child(7),
    .navbar-nav li:nth-child(8) {
        display: none;
    }
}

@media (max-width: 768px) {
    .navbar-nav li:nth-child(5),
    .navbar-nav li:nth-child(6) {
        display: none;
    }
}
*/

.headerline-big {
    font-size: 1.5em;
    border-bottom: 1px solid #00a8ff;
    padding-bottom: 15px;
    display: inline-block;
}

.center-col {
    margin: 5em 10em;
    color:white;
}

.half-image {
    height:250px;
}

.margin-tb {
    margin-bottom:3em;
}

a.screening-link {
    color: #503000;
    font-weight: bold;
}

.wob {
    color: #fff;
    background-color: #000;
}

.small-sect {
    padding-top: 10em;
    padding-bottom: 12em;
}

.big-foot-n-header {
	padding-top:4em;
	padding-bottom:4em;
}

a.mail-link:link, a.mail-link:active, a.mail-link:hover, a.mail-link:visited {
	color: white;
	font-size:1.5em;
	font-weight:800;
}

.fb-icon {
    width:2em;
    height:2em;
    margin:-1em;
    margin-left:0.5em;
}

.additional-foot {
	margin-bottom: 2em;
}

/* Responsywność - max-width zamiast width dla lepszego dostosowania do różnych ekranów */
@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

/* Media queries dla lepszej responsywności */
@media (max-width: 768px) {
    .center-col {
        margin: 2em 1em;
    }
    
    .half-image {
        height: auto;
        width: 100%;
        margin-bottom: 1em;
    }
    
    .navbar-nav {
        background-color: rgba(0,0,0,0.9);
    }
    
    /* Navbar na małych ekranach */
    .navbar-nav li {
        display: block;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    
    .navbar-nav li:last-child {
        border-bottom: none;
    }
    
    /* Nie ukrywamy pozycji menu na mobilnych – nawigacja będzie przewijalna */
}

/* Navbar na średnich ekranach - lepsze rozłożenie */
@media (max-width: 1200px) {
    .navbar-nav li a {
        font-size: 10px;
        padding: 8px 6px;
    }
    
    .lang-icon {
        width: 1.5em !important;
        height: 1.5em !important;
    }
}

/* Navbar na bardzo wąskich ekranach */
@media (max-width: 992px) {
    .navbar-nav li a {
        font-size: 16px;   /* jeszcze większy rozmiar linków na smartfonach */
        padding: 8px 6px; /* jeszcze mniejszy padding, żeby zmieścić wszystkie linki */
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .center-col {
        margin: 3em 2em;
    }
}

/* Iframe styling - responsywne osadzenia w całym serwisie */
iframe {
    max-width: 100%;
    height: auto;
    border: none;
}

/* Video HTML5 - responsywność */
video {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Dodatkowa klasa odstępu dla wideo (zamiast inline style) */
.video-spacer { margin-top: 2em; }
@media (max-width: 768px) { .video-spacer { margin-top: 1em; } }

/* Ukryj pływające przyciski FB na mobilnych, aby nie zasłaniały treści */
@media (max-width: 768px) { .fb-btn { display:none; } }

/* Centrowanie navbar menu */
@media (min-width: 768px) {
    .navbar-main-collapse {
        text-align: center;
    }
    
    .navbar-main-collapse .nav {
        float: none;
        margin: 0 auto;
        display: inline-block;
    }
    
    .navbar-main-collapse .nav > li {
        float: none;
        display: inline-block;
    }
}

/* Zachowanie responsywności dla urządzeń mobilnych */
@media (max-width: 767px) {
    .navbar-main-collapse .nav {
        margin: 0;
    }
    /* ukryj ikony językowe na bardzo wąskich ekranach */
    .navbar-nav .lang-icon { display:none; }
}