* {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

body {

	font-size: 16px;		
	background: #000;
	padding-top: 120px;
	font-family: 'Roboto',Arial, Helvetica, Sans-serif;
    overflow-x:hidden;
}

@media only screen and (max-width: 750px){
	
body {font-size: 30px;}	
.contentw100 p {font-size: 35px !important;}
.punktator li {font-size: 35px !important;}
.box1 {min-width:1000px !important;}
.box2 {min-width:1000px !important;}
.box3 {min-width:1000px !important;}
.box4 {min-width:1000px !important;}
.lewa {float:left; width: auto !important;}
.prawa {float:left !important;width: auto !important;}
}

h1 {
font-size: 32px;
color: #319e38;
font-family: Trebuchet MS;		
}

.box1 h1 {
    font-size: 120px;
	color: #319e38;
    font-family: Trebuchet MS;
}

.box2 h1 {
    font-size: 120px;
	color: #319e38;
    font-family: Trebuchet MS;
}

.box3 h1 {
    font-size: 120px;
	color: #319e38;
    font-family: Trebuchet MS;
}

.box4 h1 {
    font-size: 120px;
	color: #319e38;
    font-family: Trebuchet MS;
}

h2 {
font-size: 22px;
color: #319e38;
font-family: Trebuchet MS;	
}
h3 {
font-size: 26px;
color: #319e38;
font-family: Trebuchet MS;		
}
h4 {
font-size: 15px;
color: #319e38;
font-family: Trebuchet MS;		
}

.navigation {

    top: 0;
    left: 0;
    padding: 0 10%;
    width: 100%;
    position: fixed;
    color: #555555;
    box-sizing: border-box;
    background: #e3e3e3;
    text-align: center;
	z-index: 999;

}
.navigation a {

    color: inherit;
    margin: 50px 5px;
    line-height: 150%;
    padding: 0 5px 0 20px;
    display: inline-block;
    text-decoration: none;
    border-left: 1px solid #fff;

}
.navigation a.active { color: #1dad00; }


.navigation a:first-child { border: 0; }
.box1 {

    width: 100%;
    min-height: 100%;
    font-size: 14vw;
    text-align: center;

    background-size: 50%;
    background-position-x: right;

}
.box2 {
    width: 100%;
    min-height: 100%;
    font-size: 14vw;
    text-align: center;
	background-color: #316e35;

    background-size: 50%;
    background-position-x: right;


}
.box3 {
    width: 100vw;
    min-height: 100vh;
    font-size: 14vw;
    text-align: center;

    background-size: 50%;
    background-position-x: right;
}
.box4 {
    width: 100vw;
    min-height: 100vh;
    font-size: 14vw;
    text-align: center;
	background-color: #316e35;

    background-size: 50%;
    background-position-x: right;
	color: #FFFFFF !important;
}
.content {
    width: 800px;
    margin: 0 auto;
    text-align: left;
    height: auto;
    overflow: hidden;
    display: block;
    padding: 50px;
	background-color: rgba(255, 255, 255, 0.8);
}

.content2 {
    width: 800px;
    margin: 0 auto;
    text-align: left;
    height: auto;
    overflow: hidden;
    display: block;
    padding: 50px;
	background-color: rgba(18, 76, 22, 0.8);
}


.content p {
	font-size: 15px;
}

.lokal {
	-webkit-box-shadow: 0px 2px 17px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 17px -4px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 17px -4px rgba(0,0,0,0.75);	
	float: left;
    margin-right: 50px;
    border: 15px solid #ffffff;

}
.logo {

    background-image: url('../img/logo.svg');
    width: 222px;
    height: 115px;
    float: left;

}
.menu {
	
}

.navholder {

    width: 882px;
    margin: 0 auto;
}
.punktator li {

    font-size: 15px;
    margin-left: 20px;
    list-style-image: url('../img/punktator.svg');

}

.punktator {

    width: 100%;
    overflow: hidden;
    display: block;
    float: left;
    margin-bottom: 20px;
    margin-top: 20px;

}
.contenttext {

    display: block;
    overflow: hidden;
    height: auto;
    min-height: 100px;
    padding-left: 25px;

}
.imageclass {

    width: 470px;
    float: left;

}
.imageclass2 {

    width: 235px;
    float: left;
    height: 150px;

}

.obrazek {
    float: right;
    margin-right: 15px;
}

.obrazek-lewa{
    float: left;
    margin-right: 15px;
}


.contentw100 {

    width: 100%;
    float: left;
    margin-top: 25px;


}

.prawa {
	width: 350px;
    float: right;

}


.lewa {

    width: 400px;
    float: left;

}

.holder {

    width: 100%;
    height: auto;
    overflow: hidden;

}
.parallax {
  position: relative;
  background-attachment: fixed;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;

  /**
   * Default height
   */
  min-height: 100vh;
}

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


.topmargin {
	width: 800px;
	margin: 0 auto;
	height:50px;
	
	
}
.bottommargin {
	width: 800px;
	margin: 0 auto;
	height:70px;
	
	
}

.contentw100 p {
	font-size: 15px;
}

.hr {
	width:100%;
	height: 2px;
	display: block;
	background-image: url('../img/hr.png');
}