.navbar-default .navbar-brand {
padding-left: 0.8vw;
}


/* Tablety */
@media only screen and (max-width : 1200px) {
.container { 
width: 90vw;
padding: 0;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
}

.navbar {
    min-height: 0;
    margin-bottom: 0;
    border: none;
}

header, header .absolute .intro-text {
    height: 50vw;
}

.paralax, .img.paralax  {
background-size: cover;
background-position: center center !important;
height: 50vw;
background-attachment: local !important;
}

.paralax {
    height: 35vw;
}

.navbar-default {
    height: 8vw;
}

.menu-margin {
    height: 8vw;
}

.navbar-default .navbar-brand {
    font-size: 3.8vw;
    width: 25vw;
    height: 8vw;
    line-height: 7vw;
    padding-left: 1vw;

}

.navbar-default.navbar-shrink {
    height: 7vw;

}

.navbar-default.navbar-shrink .navbar-brand {
	 font-size: 3.4vw;
    height: 7vw;
    line-height: 6vw;
}

.navbar-default .nav li a, .navbar-default .nav li span {
    font-size: 1.9vw;
    height: 5vw;
    line-height: 5vw;
}

.navbar-default .nav li span { 
font-size: 1.8vw;
margin-left: 1.5vw;
margin-right: 1.5vw;
}

header .intro-heading {
    font-size: 8.4vw;
}

header .intro-lead-in {
    font-size: 2.8vw;
}

header .btn {
    font-size: 2.2vw;
    padding: 0.9vw 1.8vw;
    margin-top: 3vw;
    border-width: 2px;
}

input[type="submit"] {

    width: 24vw;
    height: 5.2vw;
    font-size: 2.2vw;
}

h2 {
    margin: 2.5vw 0px 2vw;
    font-size: 8.2vw;
}

h3 {
    margin: 0px 0px 2.5vw;
    font-size: 3.2vw;
}

p {
    margin: 0px 0px 3vw;
    font-size: 1.7vw;
}

p.text-muted {
    font-size: 1.5vw;

}

h4 {
    margin: 1.5vw 0px 2vw;
    font-size: 2.5vw;
}

#O-Nas .col-md-4 {
    width: 33.3333%;
    position: relative;
    min-height: 1px;
    padding-right: 1vw;
    padding-left: 1vw;
    clear: none;
    float: left;
}


.menu-dan .tytul {
    font-size: 4.1vw;
    margin-bottom: 3vw;
}

.select {
    top: 11.6vw;
    width: 20.4vw;
    height: 4.8vw;
    border-width: 1.5px;
}

.select select {
    width: 22.4vw;
    height: 4.8vw;
    line-height: 4.4vw;
    margin-left: -1vw;
    font-size: 2vw;
}



.danie {
    margin-bottom: 3vw;
    height: 2.7vw;

    border-width: 2px;
}

.danie div {
    height: 4.2vw;
    line-height: 4vw;
}

.danie .tytul-dania {

}

.danie .numer, .danie .tytul-dania {
    font-size: 2.3vw;
    padding-right: 1.4vw;
}

.danie .opis {
    padding-right: 0.8vw;
    font-size: 2.1vw;
    line-height: 4.2vw;
}

.danie .cena {
    margin-right: 0;
    font-size: 2.3vw;
    padding-left: 1vw;
}

legend {
    font-size: 1.6vw;
}

.field {
    margin-bottom: 2vw;
}

input[type="text"], textarea {
    height: 4.63vw;
    padding: 0px 1.5vw;
    font-size: 2.12vw;
    border-width: 1.5px;
}

textarea { 
    height: 17.89vw;
    padding: 0.5vw 1.5vw 0.5vw 1.5vw;
}

#Nasz-lokal .ozdoba.dolna {
    top: 0;
}

#O-Nas, #Menu-dan, #Rezerwacja, #Kontakt {
    padding-bottom: 4.2vw;
}

#O-Nas img {
border-width: 4px;
}


footer {
    height: 7vw;
    line-height: 7vw;
}

footer .list-inline.social-buttons a {
    font-size: 3vw;
}

#facebook {
width: 8vw;
height: 8vw;
right: -16vw;
}

#opinieonas ul li .container .center {
width: 90vw;
padding-left: 2vw;
padding-right: 2vw;
}

#opinieonas p {
padding-left: 2vw;
padding-right: 2vw;
}

.ozdoba {
    width: 100%;
    height: 10px;
    bottom: 0px;
    left: 0px;
}

.ozdoba.dolna {
    width: 100%;
    height: 10px;
    top: 0px;
    left: 0px;
}


}

@media only screen and (max-width : 996px) {
.col-md-6 {
    width: 50%;
    float: left;
}


.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:active, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
position: relative;
float: right;
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
background-color: transparent;
background-image: none;
border: none;
width: 6vw;
height: 6vw;
border-color: #464D53;
background-color: #464D53;
margin-top: 1vw;
text-align: center;
}

.navbar-toggle i {
display: block;
width: 100%;
height: 100%;
position: absolute;
z-index: 2;
top: 0;
left: 0;
background: url(../img/menu.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 50%;
}




}

@media only screen and (max-width : 768px) {
	
#page-top .navbar-default.navbar-shrink, #page-top .navbar-default {
    height: 8vw !important;
}

#page-top .navbar-default {
    height: 8vw !important;
}	

.navbar-default.navbar-shrink .navbar-right {
    margin-top: 1vw;
}

.navbar-default .navbar-brand {
    line-height: 8vw !important;
}
	
.navbar-default.navbar-shrink .navbar-brand, .navbar-default .navbar-brand  {
font-size: 3.8vw;
width: 25vw;
height: 8vw;
line-height: 7vw;
padding-left: 1vw;
}

.navbar-nav, .navbar-collapse  {
margin: 0 !important;
padding: 0;
background-color: rgba(255,255,255, 0.8);
width: 100%;
margin-left: 0;
left: 0;
position: absolute;
height: 35vw;
}


.navbar-collapse.in {
overflow-y: visible;

}

.navbar-nav li  {
display: block;
float: left;
width: 100%;
}

.navbar-default .nav li a {
display: block;
height: 7vw;
font-size: 3vw;
line-height: 7vw;
text-align: center;
border-bottom: 1px solid #E1E1E1;
}

.nomobile {
display: none !important;
}

}


@media only screen and (max-width : 640px) {
.col-md-6 {
    width: 50%;
    float: left;
}
}

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

#page-top .navbar-default.navbar-shrink, #page-top .navbar-default {
    height: 12vw !important;
}

.navbar-default.navbar-shrink .navbar-brand, .navbar-default .navbar-brand {
    font-size: 3.8vw;
    width: 32vw;
    height: 12vw;
    line-height: 7vw;
    padding-left: 1vw;
}

.navbar-default .nav li a {
    height: 11vw;
    font-size: 4.4vw;
    line-height: 11vw;

}

.navbar-nav, .navbar-collapse {
    height: 56vw;
}

.menu-margin {
    height: 12vw;
}

header .btn {
    font-size: 3.4vw;
    padding: 0.9vw 1.8vw;
    margin-top: 3vw;
    border-width: 1px;
}

#facebook {
    width: 12vw;
    height: 12vw;
    right: -16vw;
    border-width: 2px;
}

header .intro-lead-in {
    font-size: 3.4vw;
    width: 120%;
    margin-left: -10%;
}

.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:active, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    width: 9vw;
    height: 9vw;
    margin-top: 1.5vw;

}

h3, h4, h3 span {
    margin: 0px 0px 2.5vw;
    font-size: 4.8vw;
}

h4 {
margin-top: 3vw;	
}

p, p.text-muted {
    margin: 0px 0px 4vw;
    font-size: 3.2vw;
}

#O-Nas .col-md-4 {
    width: 100%;
    min-height: 1px;
    padding-right: 1vw;
    padding-left: 1vw;
    clear: both;
}

#O-Nas img {
    height: auto;
    border-width: 2px;
}

.menu-dan .tytul {
    font-size: 4.8vw;
    margin-bottom: 3vw;
}

.danie .numer, .danie .tytul-dania {
    font-size: 2.9vw;
    padding-right: 1.4vw;
}

.danie .opis {
    padding-right: 0.8vw;
    font-size: 2.9vw;
    line-height: 2.9vw;
}

.danie .cena {
    margin-right: 0px;
    font-size: 2.9vw;
    padding-left: 1vw;
}

.danie {
    margin-bottom: 5vw;
    height: 2.7vw;
    border-width: 2px;
}

#opinieonas {
    height: 25vw;
}

#opinieonas .bx-wrapper .bx-viewport {
    height: 25vw !important;
}

.padding-anim {
    padding-bottom: 25vw;
}

#opinieonas h3 {
    margin-bottom: 2vw;
    font-size: 4.5vw;
}

h3 span {
margin-top: 4vw;
line-height: 5vw;
}

.col-md-6 {
    width: 100%;
    float: left;
}

.field {
    margin-bottom: 3vw;
}

legend {
    font-size: 3.6vw;
}

input[type="text"], textarea {
    height: 7.63vw;
    padding: 0px 2.5vw;
    font-size: 3.22vw;
    border-width: 1.5px;
}

textarea {
padding: 2.5vw;
padding-top: 1.5vw;	
height: 40vw;
}

label.error {
font-size: 3.2vw;
}

input[type="submit"] {
    width: 38vw;
    height: 7.2vw;
    font-size: 3.4vw;
}

#podziekowanie {
    width: 55vw;
    height: 7.2vw;
    top: 86.3vw;
    line-height: 7.2vw;
    font-size: 3.4vw;
    margin-left: -27.5vw;
}

#mapa iframe {
    height: 55vw;
}

footer {
    height: 12vw;
    line-height: 12vw;
    text-align: center;
}

footer .col-md-6 {
    width: 50%;
    float: left;
}

footer .list-inline.social-buttons a {
    font-size: 5.6vw;
}


}

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

}

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

}

