body, html{overflow-x: hidden!important;}

body {background: url(../img/background.webp) no-repeat; background-size:cover; background-position: fixed;}

h1, h2, h3, h4, h5, h6, p, ol, a, td, th, li, ul{font-family: 'Lato', sans-serif!important;}

@font-face {font-family: 'BankGothic'; src: url('../fonts/BankGothic.eot'); src: url('../fonts/BankGothic.eot?#iefix') format('embedded-opentype'), url('../fonts/BankGothic.woff') format('woff'), url('../fonts/BankGothic.ttf') format('truetype'), url('../fonts/BankGothic.svg#zapfinoregular') format('svg');font-weight:100; font-style: normal;}


.sticky-topbar {
  width: 100%; z-index: 10000;;
}
.title-bar{background: none!important;}
.top-bar{position:fixed; top:0;left:0; background-color:rgba(0, 0, 0, 0.3); width:100%;}
.top-bar-right{float: right; background:none!important;}
.top-bar-right li a {background:rgba(0, 0, 0, 0.0)!important; } 

#logo img {width: 100%;}
.top-bar-left img{max-width: 60%;}
.menu li a{font-size: 1.7vw; font-family: 'BankGothic'!important;}

.menu li > a {
  position: relative;
  color: white;
  text-decoration: none;
  font-weight:bolder;
  background:rgba(0, 0, 0, 0.0)!important;
}

.menu{background: none!important;}

.menu li > a:hover {
  color: #bc1614;
}

.menu li > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #bc1614;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.menu li > a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

#pfr{position:fixed!important; bottom:0; width:100%!important; z-index: 1000000000000000000!important; background:black;}
#pfr p{color:white; text-align: center; padding:1.5em; font-size:120%; font-weight:bolder;margin:auto;}

.cycle-slideshow{width: 100%; margin: 0; padding: 0; z-index: -1;}
.cycle-slideshow img{width: 100%; z-index: -1;position:relative;}
.grid-container{padding:0; margin: 0 auto; text-align: center;}
#progress { position: absolute; top:0; height: 6px; width: 0px; background: white; z-index: 40000000000; }
p,ol,td,th{font-size:1.3vw; text-align: left;}
li ol{margin:1em auto 1em 2em;}
ul{text-align: left; font-size: 1.4vw}
h1{font-size: 2.9vw; font-weight: bolder; margin-top: 1.5em; padding:0.5em 1em; background:white;}
h2{font-size: 2.3vw; background: white;}
p.pierwszy{text-align: center;}
footer{background: rgba(0, 0, 0, 0.73); padding:3em 4em!important;   color: white; font-size:1.5vw; text-align: left!important;}
footer img{width:100%;}
#copyright{font-size: 1.1vw; text-align: center;}
img.ikony{width:5em; margin-bottom: 2em!important; margin-right: 2em;}
.dni{text-align: left; border-right:black dotted 1px;}
table td{text-align: left}

.menu-icon{right:0.5em; top:0.5em; position:fixed;}

.mini h1{color:black; font-family: 'BankGothic'!important; font-size:2em; margin:0 0 1em 0; }
.mini a img{width:100%; padding:10% 5% 2% 5%;}

.hidden{display: none;}

.hidden h2{font-family:'BankGothic'!important; font-weight:bolder; }

#rezerwacja, .biale{background:white; padding:2em; margin:1em 1em 3em 1em;}
#rezerwacja p, #rezerwacja h2, .biale p, .biale2 p {color:black; text-align: center;} 
.biale2{margin: 3em 1em 2em 1em; padding:1em; background: white;}

.mapa{
    overflow:hidden;
    padding-bottom:36.25%;
    position:relative;
    height:0;   
}
.mapa iframe{
    left:0;
    top:0;
    height:85%;

    position:absolute;
    box-shadow: 10px 5px 5px #747171;

    width: 80%;
    margin: 5% 10% 0 10%;
}

.jd img{max-width:65%;}


#paski{text-align: left!important;}

#paski img{margin:1em 0!important; padding:0!important; display:block; max-width: 100%!important;}
.jd{margin: 0!important; padding: 0!important;}
img#facebook{max-width:30%!important; min-width: 20%!important;}

/* Small only */
@media screen and (max-width: 39.9375em) {
p,ul,ol,td,th {font-size: 4vw;padding-left: 1em; padding-right: 1em;}
h1{font-size: 6vw;}
h2{font-size: 5vw;}
footer{font-size: 4vw;}
#copyright{font-size: 3vw;}
.menu li a{font-size: 4vw;}
.mini h1{font-size:1em;}
.mapa{padding-bottom:56.25%!important;}
#paski{margin: 0!important; padding: 0!important;}
#pfr p{color:white; text-align: center; padding:1em; font-size:80%; font-weight:bolder;margin:auto;}
}

.miniaturki p{color:#42b5be;}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}