body, html {
height: 100%;
margin: 0;
}   

.active {
background: #3366ff;
}

.naglowek, .naglowek_r {
cursor: pointer;
color: #1b294c;
position: relative;
}

.arrow {
margin-right: 10px; 
margin-bottom: 3px; 
display: inline-block;
}

h1 {
text-transform: uppercase;
color: #1b294c;
}

.data {
position: absolute; 
top: 0; 
right: 0; 
color: #999; 
font-family: 'Lato', sans-serif; 
font-weight: 300;
font-size: 16px;
}
  
#menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 70px;
z-index: 999998;
background: #fff;
font-family: 'Open Sans Condensed', sans-serif;
}
  
.bgimg-1, .bgimg-2, #bgimg-1b {
position: relative;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.bgimg-1 {
background-image: url("../img/3.jpg");
min-height: 400px;
}

.bgimg-2 {
background-image: url("../img/4.jpg");
min-height: 400px;
}

#bgimg-1b {
min-height: 400px;
}

.caption {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
color: #000;
}  

.content {
width: 100%;
margin: 0 auto;
background-color:white;
}

.right sup {
color: #ff0000;
}

#oferta {
    width: 1170px;
    margin: 0 auto;
    }

.left_col {
float: left;
width: 900px;
padding-right: 20px;
font-family: 'Lato', sans-serif;
font-weight: 300;
text-align: justify; 
font-size: 16px; 
line-height: 26px;
color: #000;
margin: 20px 0;
}

.right_col {
float: right;
width: 250px;
margin: 20px 0;
font-family: 'Lato', sans-serif;
font-weight: 300;
font-size: 16px; 
line-height: 26px;
color: #000;
}

.right_col a {
display: block;
margin-bottom: 10px;
}

.footer {
padding: 20px 0;
background: #504f53;
font-family: 'Lato', sans-serif;
font-weight: 300;
color: #ffffff;
font-size: 14px;
line-height: 20px;
}

.container_f {
width: 1170px;
margin: 0 auto;
}

.address {
float: left;
width: 50%; 
text-align: left;
}

.copy {
float: right;
width: 50%;
text-align: right;
}

.kluby {
background: #ffffff;
}

.container_kluby {
width: 1170px;
margin: 0 auto;
    padding: 20px 0px;
}

.title_kluby {
height: 50px;
line-height: 50px;
text-align: center;
color: #1b294c;
font-family: 'Open Sans Condensed', sans-serif;
text-transform: uppercase;
font-size: 17px;
}

#logoParade {
height: 50px;
line-height: 50px;
}

#logoParade img {
max-height: 40px;
margin-right: 30px;
}


.clear {
height: 0;
clear: both;
}

.footer a {
color: #ffffff;
text-decoration: underline;
}

.footer a:hover {
text-decoration: none;
}

.left_col a {
color: #000000;
text-decoration: underline;
}

.left_col a:hover {
text-decoration: none;
}

.klub {
margin: 0;
padding: 0;
border-bottom: 1px solid #999;
}

.klub:nth-child(even) {
background: #fbfbfb;
padding: 20px;
}

.klub:nth-child(odd) {
background: #fff;
padding: 20px;
}

.face {
display: none;
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
    .bgimg-1, .bgimg-2 {
        background-attachment: scroll;
    }
}

@media all and (max-width : 768px) {
    .content {
    width: 90%;
    }
    
    h1 {
    line-height: 150%;
    text-align: center;
    }
    
    .data {
    position: relative;
    }
    
    .left_col {
    float: none;
    display: block;
    width: 100%;
    }
    
    .right_col {
    float: none;
    display: block;
    width: 100%;
    text-align: center;
    }
    
    .container_f {
    width: 100%;
    }
    
    .container_kluby {
    width: 100%;
    }
    
    .face {
    width: 90%;
    display: block;
    margin: 20px;
    }
    
    .address {
    width: 90%;
    display: block;
    float: none;
    margin: 0 20px;
    }
    
    .copy {
    display: block;
    float: none;
    width: 90%;
    text-align: left;
    margin: 20px;
    }
}