html, body, div, a, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
outline: none;
vertical-align: baseline;
border: none;
background: none;
margin: 0;
padding: 0;
}
article, aside, details, figcaption, figure, footer, header, nav, section, summary {
display: block;
}
button, input, select, textarea {
font: inherit;
margin: 0;
border: none;
}
[required] {
-webkit-box-shadow: none;
box-shadow: none;
}
ol, ul {
list-style-type: none;
padding: 0;
margin: 0;
}
a {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
color: inherit;
text-decoration: none;
}
a:focus {
outline: none;
}
a:active {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
body {
    margin:0;
    padding:0;
    font-size:1.2rem;
    font-family: 'Open Sans', sans-serif;
   
}
.text{
    padding:2%;
}
.more2{overflow:hidden;}
@media all and (max-width:360px) {
html {
    font-size:62.5%;
}
}

@media all and (min-width:361px) and (max-width:400px) {
html {
    font-size:68%;
}
}
@media all and (min-width:401px) {
html {
    font-size:75%;
}
.ofert-box{
    width:30%!important;
    margin:1%!important;
    float:left;
}
#logo{
    margin-left:17rem!important;
}
.menu a{
margin:1%!important;
}
.gallery .img{
    margin:1.3rem!important;
}
}
.tlo {
    width: 100%;
    height: 100%;
    position: fixed;
}
#body {
    position: relative;
    padding: 2%;
    width: 96%;
    margin-bottom: 3rem;
    padding-top:53px;

}
#button{
width: 100%;
overflow:hidden;
height:5.4rem;
position: fixed;
z-index: 9999;
background: white;
box-shadow: 0px 0px 10px black;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#popup{
  position:fixed;
  background: black;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  display: none;

}

#button2{
width: 4.5rem;
  float: left;
  margin-top: 0.5rem;
  margin-left: 0.5rem;
    }
#logo{
  width: 4.8rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  left: -2rem;
  top:0.5rem;
}
#foto{
  width: 100%;
  margin-top: 5.4rem;
}
.more{
height:27.4rem!important;
-webkit-transition: all 0.8s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.more3{
    height:22rem!important;
}
.more4{
    display:block!important;
}
#content{
position:relative;
background:white;
z-index:999;
right:0px;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;


    
}
.menu a{
  display: block;
  margin: 2%;
  text-align: center;
  padding: 2%;
  background:#518b62;
  color:white;
  
}
.menu{
  height: 0px;
  overflow: hidden;
  -moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
footer {
position: relative;
line-height: 3rem;
color:black;
height: 3rem;
display: block;
bottom: 0px;
z-index: 10;
width: 100%;
}
.copy {
font-size: 1.2rem;
float: left;
line-height: 3rem;
margin: 0rem 1rem;
}
.nw {
font-size: 1.2rem;
float: right;
line-height: 3rem;
margin: 0rem 1rem;
}
.small-box{
  float: left;
  width:31%;
  text-align: center;
  margin: 1%;
}
.icon{
  width:60%;
  margin: 6.9%;
}
#oferta{
  background: #518b62;
  padding: 2%;
  margin-top: 4rem;
}
.tytul{
  text-align: center;
  font-size: 1.5rem;
  border-bottom: 1px solid black;
  margin-bottom: 2rem!important;
  width: 95%;
  margin: 0 auto;
}
#tytul{
  font-size: 1.5rem;
  text-align: center;
  color: white;
  border-bottom: 1px solid white;
  margin-bottom: 5%;
}
.ofert-box{
  width: 44%;
  height:16.5rem;
  display: block;
  margin: 2%;
  float: left;
  text-align: center;
  color: white;
  font-size: 1.4rem;
  border: 2px solid white;
  margin-top: 1%;
}

.ofert-box img{
    margin: 0 auto;
  width: 60%;
}
.ofert-box1{
  width: 44%;
  height:14.5rem;
  display: block;
  margin: 2%;
  float: left;
  text-align: center;
  color: white;
  font-size: 1.4rem;
  border: 2px solid white;
  margin-top: 1%;
}
.ofert-box1 img{
  margin: 0 auto;
  width: 60%;
}
.wiecej{
    background:white;
    display:block;
    color:#518b62;
    text-align:center;
    height:3rem;
    line-height:3rem;
    margin-top:1rem;
}
#kontakt{
margin-top:5%;
}
.kontakt-box{
  width: 50%;
  margin: 0 auto;
  text-align: center;
  margin-top: 5%;
}
#back{
      display: block;
  margin: 2%;
  text-align: center;
  padding: 2%;
  background: #518b62;
  color: white;
}
#back1{
      display: block;
  margin: 2%;
  text-align: center;
  padding: 2%;
  background: white;
  color: #518b62;
}
/* Stylesheet: Mobile Modified On 2015-05-06 13:08:05 */