/*
 * Start Bootstrap - Full Slider (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

html,
body {
    height: 100%;
}

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
@media (max-width: 768px) {
    .fill {
        /* 1. Wymuszamy brak powtarzania na telefonie */
        background-repeat: no-repeat !important; 
        
        /* 2. Zamiast sztywnego 250px, używamy jednostki vw (procent szerokości ekranu) */
        /* Dzięki temu wysokość diva maleje proporcjonalnie razem z obrazkiem */
        height: 56.25vw; /* Proporcja 16:9 (najczęstsza dla grafik głównych) */
        
        background-size: contain; 
    }
}
.fill2 {
    width: 100%;
	top: 100px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}