html {
 height:100%;
 margin:0;	
 padding:0;
 background: url('images/pogotowie-olejowe-bg.jpg') no-repeat;
 background-position: center center;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;	
}

body {
 margin:0;
 padding:0;  
 font-family: 'Open Sans', sans-serif;	
 font-size:17px;
}

a {
 text-decoration: none;
}

.left {
 float: left; 
}

.right {
 float: right;
}

.half {
 width:49%;
}

.container {
 padding:20px;
 max-width: 1200px;
 margin: auto;
}

#top {
 width:100%;
 padding: 10px;
 position: absolute;
 box-sizing: border-box; 
 top:0;
 left:0; 
 background: #272324;
}


.logo {
 margin-left: auto;
 margin-right: auto;
 float: none;
 display: block;
 padding-top:10px;
 padding-bottom:10px; 
}

#dostawa-oleju {
 background:rgba(0,0,0, 0.6);
 position: absolute;
 top:40%;
 left: 50%;
 padding:20px;
 font-size:3vw;
 line-height:1.2;
 color: #FFF200;
 text-shadow: 0 0 5px #111;
 text-align: center;
 font-family: 'Open Sans', sans-serif;
 font-weight: 800; 
 
 transform:translate(-50%, -60%); 
 -ms-transform:translate(-50%, -60%);
 -webkit-transform:translate(-50%, -60%);
 -moz-transform:translate(-50%, -60%);
 -o-transform:translate(-50%, -60%);  
}

#dco-oleje-info {
 background:rgba(0,0,0, 0.9);
 position: absolute;
 box-sizing: border-box;
 padding-top:20px;
 bottom:0;
 left: 0%;
 width:100%;
 padding:0;
 font-size:15px;
 color: #fff;
}


.content-info {
 padding: 10px;
 text-align: justify;
 box-sizing: border-box;
}

.content-info span {
 color: #FFF200;
 font-size:20px;
 font-weight: 600;
}

.contact-info {
 padding: 10px;
 box-sizing: border-box;
 text-align: center;
}

.pogotowie-olejowe-kontakt {
 max-width:100%;
 height: auto;
}


#left-show-button {
 position: absolute;
 left:10px;
 top:10px;
 color: #fff;
 font-size:25px;
 cursor: pointer;
}

#second-container {
 display: none;
 font-size:14px;
}

.menu {
 list-style: none; 
 margin:0;
 padding:0 0 0 10px;
}



#footer {
 text-align: center;
 background: #272324;
 width:100%;
 padding:30px 20px 30px 20px;
 box-sizing: border-box;
 font-size:16px;
}

#footer a, #second-container a {
 color: #FFF200;
 font-weight: 600;
}

.design {
 position: fixed;
 right:-70px;
 bottom:88px;
 display: block;
 color: #fff;
 font-size:11px;
  
 writing-mode: lr-bt;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.design  a {
 color: #fff;
}

 .cl {
 clear: both;
}

.cl10 {
 clear: both;
 height:10px;
}

.cl20 {
 clear: both;
 height:20px;
}

.cl30 {
 clear: both;
 height:30px;
}

.cl40 {
 clear: both;
 height:40px;
}

.cl50 {
 clear: both;
 height:50px;
}

.cl60 {
 clear: both;
 height:60px;
}

.cl70 {
 clear: both;
 height:70px;
}

.cl80 {
 clear: both;
 height:80px;
}

.cl100 {
 clear: both;
 height:100px;
}



@media all and (max-width:1050px) {
/*
#top {
 width:100%;
 padding: 20px;
 position: relative;
 box-sizing: border-box; 
 background: #272324;
 margin-bottom:20px;
}


.logo {
 margin-left: auto;
 margin-right: auto;
 float: none;
 display: block;
 padding-top:10px;
 padding-bottom:10px; 
}

#dostawa-oleju {
 background:rgba(0,0,0, 0.6);
 position: relative;
 display: inline-block;
 margin: auto;
 margin-top:50px;
 margin-bottom:50px;
 padding:20px;
 font-size:3vw;
 line-height:1.2;
 color: #FFF200;
 text-shadow: 0 0 5px #111;
 text-align: center;
 font-family: 'Open Sans', sans-serif;
 font-weight: 800; 
 
 transform:translate(-50%, -60%); 
 -ms-transform:translate(-50%, -60%);
 -webkit-transform:translate(-50%, -60%);
 -moz-transform:translate(-50%, -60%);
 -o-transform:translate(-50%, -60%);  
}

#dco-oleje-info {
 background:rgba(0,0,0, 0.9);
 position: relative;
 box-sizing: border-box;
 padding-top:30px;
 width:100%;
 padding:0;
 font-size:15px;
 color: #fff;
}


.content-info {
 padding: 10px;
 text-align: justify;
 box-sizing: border-box;
}

.content-info span {
 color: #FFF200;
 font-size:20px;
 font-weight: 600;
}

.contact-info {
 padding: 10px;
 box-sizing: border-box;
 text-align: center;
}

.pogotowie-olejowe-kontakt {
 max-width:100%;
 height: auto;
}


#left-show-button {
 position: absolute;
 left:10px;
 top:10px;
 color: #fff;
 font-size:25px;
 cursor: pointer;
}

#second-container {
 display: none;
 font-size:14px;
}

.menu {
 list-style: none; 
 margin:0;
 padding:0 0 0 10px;
}



#footer {
 
 padding:30px 20px 30px 20px;
 box-sizing: border-box;
 font-size:16px;
}

#footer a, #second-container a {
 color: #FFF200;
 font-weight: 600;
}

.design {
 position: fixed;
 right:-70px;
 bottom:88px;
 display: block;
 color: #fff;
 font-size:11px;
  
 writing-mode: lr-bt;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
*/

}/*media 1050*/