/* Custom, iPhone Retina */

    @media only screen and (min-width : 320px) {
.container-fluid.navbar.navbar-default.dolny  {
position: absolute;
bottom: -20px!important;
width: 100%;
background-color: #dadada;
z-index: 150;

}  	
.container-fluid.navbar.navbar-default.dolny .navbar-toggle {
background-color: transparent!important;
} 	

.container-fluid.navbar.navbar-default.dolny  .navbar-collapse{
border-top-width: 0px!important;
}
#intro,#menubox{
height: 100vh;
}
#projekty{
background-image: url(img/biuro.jpg)!important;
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
#dzwiek{
background-image: url(img/dzwiek.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}

#obraz{
background-image: url(img/obraz.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
#aranzacja{
background-image: url(img/aranzacja.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
#interakcja{
background-image: url(img/interakcja.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
#kontakt{
background-image: url(img/interakcja.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}

#swiatlo{
background-image: url(img/swiatlo.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
.opis{
position: relative;
width: auto;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
margin-bottom: 30px;
color: #fff;
background-image: url(img/trans.png);
font-size: 12px;
padding: 10px;
text-align: justify;

}
#mobile-center{
position: absolute;
width: auto;
top: 40%;
left: 0%;
transform: translate(0%, -60%);

}
.opis>h2{
font-size: 14px;
}

.opis>h2{
margin-bottom: 20px;
text-transform: lowercase;

}
 .stopka{
 position: absolute;
 width: 100%;
 z-index: 90;
 bottom:40px;
 height: 100px;
 line-height: inherit;
font-size: 11px;

 }


    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
#projekty{
background-image: url(img/biuro.jpg)!important;
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
#dzwiek{
background-image: url(img/dzwiek.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}

#obraz{
background-image: url(img/obraz.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
#aranzacja{
background-image: url(img/aranzacja.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
#interakcja{
background-image: url(img/interakcja.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}

#kontakt{
background-image: url(img/interakcja.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}

#swiatlo{
background-image: url(img/swiatlo.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}

.opis{
position: absolute;
width: auto;
top: 30%;
left: 30%;
transform: translate(-30%, -30%);
color: #fff;
background-image: url(img/trans.png);
font-size: 12px;
padding: 10px;
text-align: justify;

}
.opis>h2{
margin-bottom: 20px;
text-transform: lowercase;

}
 .stopka{
 position: absolute;
 width: 100%;
 z-index: 90;
 bottom:40px;
 height: 100px;
 line-height: inherit;
font-size: 11px;

 } 



    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
 ul.nav.navbar-nav > li>a{
font-size: 16px;
}   	
#projekty{
background-image: url(img/biuro.jpg)!important;
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
#dzwiek{
background-image: url(img/dzwiek.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}

#obraz{
background-image: url(img/obraz.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
#aranzacja{
background-image: url(img/aranzacja.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
#interakcja{
background-image: url(img/interakcja.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}

#kontakt{
background-image: url(img/interakcja.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
#swiatlo{
background-image: url(img/swiatlo.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
.opis{
position: absolute;
width: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
background-image: url(img/trans.png);
font-size: 18px;
padding: 20px;
text-align: justify;
height: auto;
}
.opis>h2{
margin-bottom: 20px;
text-transform: lowercase;
font-size: 30px;

}

 .stopka{
 position: absolute;
 width: 100%;
 z-index: 90;
 bottom: 0px;
 height: 100px;
 line-height: 100px;
font-size: 18px;
letter-spacing: 1.5px;
 } 



    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
ul.nav.navbar-nav > li>a{
font-size: 25px;
}
#projekty{
background-image: url(img/biuro.jpg)!important;
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
#dzwiek{
background-image: url(img/dzwiek.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}

#obraz{
background-image: url(img/obraz.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
#aranzacja{
background-image: url(img/aranzacja.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
#interakcja{
background-image: url(img/interakcja.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
#kontakt{
background-image: url(img/interakcja.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
#swiatlo{
background-image: url(img/swiatlo.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
.opis{
position: absolute;
width: auto;
color: #fff;
background-image: url(img/trans.png);
font-size: 18px;
padding: 20px;
text-align: justify;
top: 55%;
left: 35%;
transform: translate(-55%, -35%);

}
.opis>h2{
margin-bottom: 20px;
text-transform: lowercase;

}
 .stopka{
 position: absolute;
 width: 100%;
 z-index: 90;
 bottom: 0px;
 height: 100px;
 line-height: 100px;
font-size: 22px;
letter-spacing: 1.5px;
 } 


    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
ul.nav.navbar-nav > li>a{
font-size: 30px;
}
#projekty{
background-image: url(img/biuro.jpg)!important;
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
#dzwiek{
background-image: url(img/dzwiek.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}

#obraz{
background-image: url(img/obraz.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
#aranzacja{
background-image: url(img/aranzacja.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
#interakcja{
background-image: url(img/interakcja.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
#kontakt{
background-image: url(img/interakcja.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
#swiatlo{
background-image: url(img/swiatlo.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
.opis{
position: absolute;
width: auto;
color: #fff;
background-image: url(img/trans.png);
font-size: 16px;
padding: 30px;
text-align: justify;
text-align: justify;
top: 55%;
left: 30%;
transform: translate(-55%, -30%);

}
.opis>h2{
margin-bottom: 40px;
text-transform: lowercase;

}
 .stopka{
 position: absolute;
 width: 100%;
 z-index: 90;
 bottom: 0px;
 height: 100px;
 line-height: 100px;
font-size: 22px;
letter-spacing: 1.5px;
 } 


    }
    
    
 @media only screen and (min-width : 1400px) {
ul.nav.navbar-nav > li>a{
font-size: 35px;
}
#projekty{
background-image: url(img/biuro.jpg)!important;
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
#dzwiek{
background-image: url(img/dzwiek.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}

#obraz{
background-image: url(img/obraz.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
#aranzacja{
background-image: url(img/aranzacja.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
#interakcja{
background-image: url(img/interakcja.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
#kontakt{
background-image: url(img/interakcja.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}

#swiatlo{
background-image: url(img/swiatlo.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
.opis{
position: absolute;
width: auto;
color: #fff;
background-image: url(img/trans.png);
font-size: 20px;
padding: 30px;
text-align: justify;
text-align: justify;
top: 55%;
left: 30%;
transform: translate(-55%, -30%);

}
.opis>h2{
margin-bottom: 40px;
text-transform: lowercase;

}
 .stopka{
 position: absolute;
 width: 100%;
 z-index: 90;
 bottom: 0px;
 height: 100px;
 line-height: 100px;
font-size: 22px;
letter-spacing: 1.5px;
 } 


    }