#wyb{
   float:left;
   width:calc(100%/3);
   height:300px;
   background-size:cover;
   position:relative;
}
.ciem{
   background-color:rgba(0,0,0,0);
   position:absolute;
   width:100%;height:100%;
}
.ciem:hover{
   background-color:rgba(0,0,0,0.5);
   color:white;
}
.tekst{
   position: absolute;
   left: 0;right: 0;
   top: 40%;
   color: white;
   text-align: center;
   font-size: 30px;
}
.ad1{
   background-image: url(images/page/fire-842311_1920.jpg);
}
.ad2{
   background-image: url(images/page/kayaking-1149886_1920.jpg);
}
.ad3{
   background-image: url(images/page/nocleg.jpg);
}
#sp-page-builder .page-content .sppb-section:first-child {
   margin-top: -108px;
}
body {
   color:#0D8000;
}
h1 {
    color: #fff;
    font-size: 32px;
    font-family: impact;
    text-align:center;
    text-shadow:1px 1px 3px black;
    background-color:rgba(0,0,0,0.5);
}
h2 {
    color: #11A800;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 21px;
    font-weight: bold;
    text-shadow:1px 1px 0px black;
}
h3 {
   color: #FFE438;
   margin: 10px 0;
   font-size: 17px;
   text-shadow:1px 1px 0px black;
}
body.itemid-437 #sp-header-sticky-wrapper {
    background: rgba(0, 0, 0, 0.5);
}
#sppb-addon-1485804333590 {
    width: 20%;
    float: left;
}
#kom{
   border-style: groove;
   text-align:center;
}
#rom{
   border-style: groove;
   background:rgba(191, 255, 184, 1);
}
#belk{
   height:100px;
   display: table-cell;
   padding: 0 10px 0 10px;
} 
#opcje2{
   text-align:center;
   float:left;
   width:calc(100%/10);
   padding:10px;
   min-width:100px;
}
.kont{
   width:25%;
   float:left;
   min-width:200px;
   margin:5px auto;
   text-align:left;
   padding:5px;text-size:20px;
}
#powrot{
   font-size:20px;
   text-align:center;
}
#stopcontakt{
   display: inline-table;
   width:80%;
   margin:0 10%;
}
#slajder {
    font-size: 40px;
    color: #000;
    position: absolute;
    left: 0;
    padding: 50px 0;
    font-family: impact;
    bottom: 0;
    right: 0;
    background: white;
    background: -webkit-linear-gradient(left,rgba(255,0,0,0), rgba(255,255,255,1),rgba(255,0,0,0));
    background: -o-linear-gradient(right,rgba(255,0,0,0), rgba(255,255,255,1),rgba(255,0,0,0));
    background: -moz-linear-gradient(right,rgba(255,0,0,0), rgba(255,255,255,1),rgba(255,0,0,0));
    background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,255,255,1),rgba(255,0,0,0));
}
#kontakt{
   font-size:30px;
   font-family: impact;
   color:white;
   position:absolute;
   right:0;
   padding:5px;
   top:110px;
   background-color: rgba(100,100,255,1);
   box-shadow:-3px 3px 6px black;
}
#logotyp{
   position: absolute;
   left:0;
   right:0;
   top:110px;
}
#mylogo{
   width:18%;
   height:auto;
   padding:10px;
}

@media screen and (max-width: 770px) {
   #logotyp{top:15px;}
   #slajder{font-size:20px;padding:5px;}
   #mylogo{width:20%; height:auto; padding:10px;}
   #kontakt{top:10px;margin-left: 100px;max-width:230px;}
   #sp-page-builder .page-content .sppb-section:first-child {margin-top: 0px;}
   #wyb{width:100%;}
}
@media screen and (max-width: 400px) {
   #logotyp{top:5px;}
   #mylogo{width:30%; height:auto; padding:10px;}
   #slajder{display:none;}
}
img {
    width: 100%;
}