@import url(http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700);
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
body header {
  background: url("../img/header.jpg");
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  z-index: 1;
}
body header .navbar-default {
  background: white;
  border-color: transparent !important;
  font-family: 'Lora', sans-serif;
  margin-top: 20px;
}
body header .navbar-default .navbar-nav li a {
  color: #333333;
  font-size: 16px;
}
body header .navbar-default .navbar-nav li:hover {
  background: #0c7849;
}
body header .navbar-default .navbar-nav li:hover a {
  color: white;
}
@media (max-width: 768px) {
  body header .navbar-default .navbar-collapse,
  body header .navbar-default .navbar-form {
    margin-top: 50px;
  }
}
@media (min-width: 1101px) {
  body header .slide-text h3 {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  body header .slide-text p {
    width: 75%;
    margin: 0 auto;
  }
}
@media (max-width: 1100px) {
  body header .slide-text {
    padding: 100px !important;
  }
}
@media (max-width: 768px) {
  body header .slide-text {
    padding: 50px !important;
  }
  body header .slide-text h3 {
    font-size: 26px !important;
  }
  body header .slide-text p {
    font-size: 18px !important;
  }
}
@media (max-width: 480px) {
  body header .slide-text {
    padding: 30px !important;
  }
}
body header .slide-text {
  padding: 200px 0;
  color: white;
}
body header .slide-text hr {
  width: 80%;
}
body header .slide-text h3 {
  font-size: 44px;
  font-family: 'Lora', serif;
}
body header .slide-text p {
  font-family: 'Lora', sans-serif;
  font-size: 20px;
}
body header .slide-text .pod {
  font-size: 16px;
}
body header .slide-text .zakres-but {
  border: 1px solid white;
  color: white;
  padding: 10px 50px;
  font-size: 20px;
  font-style: italic;
  margin-top: 40px;
  background: transparent;
  font-family: 'Lora', sans-serif;
}
body .nag {
  padding-bottom: 20px;
}
body .nag h3 {
  font-size: 44px;
  color: #0c7849;
  font-family: 'Lora', serif;
  margin-top: 10px !important;
}
body .nag hr {
  width: 225px;
  border: 1px solid #0c7849;
  margin: 0 auto;
}
body .okan {
  padding: 30px 0;
}
body .okan .opis-kan {
  color: #555555;
  font-size: 16px;
  font-family: 'Lora', sans-serif;
  padding: 20px 0 50px;
}
body .zakres {
  background: url("../img/zakres.jpg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding: 30px 0 ;
  background-size: cover;
}
body .zakres .zak-tekst p {
  font-size: 18px;
  padding: 20px 0;
}
body .zakres .uslugi ul li {
  border-top: 1px solid #333333;
  list-style: none;
  padding: 10px;
}
body .zakres .uslugi ul li a {
  color: #333333;
  font-size: 24px;
}
body .zakres .uslugi ul li:last-child {
  border-bottom: 1px solid #333333;
}
body .zakres .uslugi ul li:hover {
  background: #0c7849;
}
body .zakres .uslugi ul li:hover a {
  color: white;
  text-decoration: none;
}
body #map-canvas {
  width: 100%;
  height: 280px;
}
body .kontakt {
  background-color: #333333;
  padding: 30px 0;
}
body .kontakt h3 {
  font-size: 22px;
  color: white;
  font-family: 'Lora', serif;
}
body .kontakt hr {
  width: 35px;
  border: 1px solid white;
}
body .kontakt p {
  color: white;
}
body .kontakt .dane h1,
body .kontakt .dane h3 {
  color: white;
  font-size: 24px;
  font-weight: 700;
  font-family: 'Lora', serif;
}
body .kontakt .dane .info {
  padding: 20px 0;
  color: white;
  font-size: 18px;
  font-family: 'Lora', serif;
}
body .kontakt .dane .telefon,
body .kontakt .dane .email {
  font-size: 18px;
  color: white;
  font-family: 'Lora', serif;
}
body .kontakt .dane .telefon span,
body .kontakt .dane .email span {
  font-size: 24px;
}
body footer {
  background-color: #1b1b1b;
  padding: 10px 0;
}
body footer .menu-dol {
  list-style: none;
  font-family: 'Lora', serif;
  padding-top: 20px;
}
body footer .menu-dol li {
  display: inline;
  padding: 10px;
}
body footer .menu-dol li a {
  color: white;
}
body footer .menu-dol li a:hover {
  color: #0c7849;
}
body .copy p {
  color: white;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  padding: 10px 0;
}
body .copy a {
  color: #ffc445;
}
body .menu-dol {
  padding-top: 20px;
}
body .menu-dol a:hover {
  color: #0c7849;
}
body .podstrona {
  background: url("../img/zakres-head.jpg");
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  z-index: 1;
}
body .podstrona .slide-text {
  padding: 50px 0;
  color: white;
}
body .podstrona .slide-text hr {
  width: 225px;
}
body .podstrona .slide-text h3 {
  font-size: 44px;
  font-family: 'Lora', serif;
}
body .podstrona .navbar-default {
  background: white;
  border-color: transparent !important;
  font-family: 'Lora', sans-serif;
  margin-top: 20px;
}
body .podstrona .navbar-default .navbar-nav li a {
  color: #333333;
  font-size: 16px;
}
body .podstrona .navbar-default .navbar-nav li:hover {
  background: #0c7849;
}
body .podstrona .navbar-default .navbar-nav li:hover a {
  color: white;
}
@media (max-width: 768px) {
  body .podstrona .navbar-default .navbar-collapse,
  body .podstrona .navbar-default .navbar-form {
    margin-top: 50px;
  }
}
@media (min-width: 1101px) {
  body .podstrona .slide-text h3 {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  body .podstrona .slide-text p {
    width: 75%;
    margin: 0 auto;
  }
}
body .box {
  background: #efefef;
  padding: 20px 0;
}
body .box p {
  font-size: 24px;
  font-family: 'Lora', sans-serif;
}
body .lew {
  font-family: 'Lora', sans-serif;
  padding: 50px 0;
}
body .lew p {
  font-size: 20px;
}
body .lew hr {
  max-width: 500px;
  border-top: 1px solid #333333;
  margin: 15px 0;
}
body .lew ul li {
  list-style-image: url('../img/arrow-ul.png');
  font-size: 16px;
}
body .praw {
  font-family: 'Lora', sans-serif;
  background: #efefef;
  padding: 50px 0;
}
body .praw p {
  font-size: 20px;
}
body .praw hr {
  max-width: 500px;
  border-top: 1px solid #333333;
  margin: 15px 0;
}
body .praw ul li {
  list-style-image: url('../img/arrow-ul.png');
  font-size: 16px;
}
body .kon {
  padding: 50px 0;
}
body .kon .dane-kon {
  font-family: 'Lora', sans-serif;
}
body .kon .dane-kon p {
  font-size: 20px;
  padding: 20px 0;
}
body .kon .dane-kon h2 {
  font-size: 24px;
}
body .kon .dane-kon h3 {
  font-size: 22px;
}
body .kon .formularz input[type="submit"] {
  background: #0c7849;
  color: white;
  font-family: 'Lora', sans-serif;
  font-size: 20px;
}
@media (max-width: 480px) {
  body .nag h3 {
    font-size: 36px;
  }
  body .zakres .uslugi ul li a {
    font-size: 18px;
  }
  body .box p {
    font-size: 18px;
  }
  body .lew p,
  body .praw p {
    font-size: 18px;
  }
  body .lew img,
  body .praw img {
    display: none;
  }
}
@media (min-width: 980px) {
  body .gos img {
    position: absolute;
    top: 80px;
    left: 30%;
  }
}