body {
  background-position : center top;
  border-width : 6px;
  border-color : #3d4c73;
  background-repeat : no-repeat;
  border-top-style : solid;
  background-image : url("../img/tlo.jpg");
  background-attachment : fixed;
  text-decoration : none;
  }
  html {
  scroll-behavior : smooth;
  }
  * {
  margin : 0;
  padding : 0;
  outline : 0;
  }
  .auto-style2 {
  border : #000000 solid 1px;
  margin-right : 10px;
  margin-left : 1px;
  font-family : "Bookman Old Style";
  font-size : 12px;
  }
  .wrap {
  background-position : center top;
  width : auto;
  background-repeat : repeat-x;
  background-image : url(../img/wrap.png);
  }
  .slidercontainer {
  max-width : 900px;
  margin : 0 auto;
  }
  .abs {
  z-index : 900;
  width : 100%;
  }
  .strzalka {
  display : block;
  scroll-behavior : smooth;
  }
  .strzalka img {
  width : 40px;
  line-height : 20px;
  margin-bottom : 50px;
  margin-left : 50px;
  }
  .odnosnik {
  font-size : 19px;
  width : 30px;
  height : 20px;
  display : flex;
  border-radius : 100%;
  transition : box-shadow 0.3s;
  align-items : center;
  opacity : 0.5;
  animation : slide-in-top 1s cubic-bezier(0.25,0.46,0.45,0.94) both;
  }
  .odnosnik:hover {
  opacity : 1;
  animation : slide-top 1s cubic-bezier(0.25,0.46,0.45,0.94) backwards;
  }
  @keyframes slide-top {
  0% {
  transform : translateY(0);
  }
  100% {
  transform : translateY(-20px);
  }
  }
  .padding-y-20 {
  padding-top : 20px;
  padding-bottom : 20px;
  }

  header, .header {
  background-position : center center;
  overflow : hidden;
  text-align : left;
  z-index : 998;
  margin-right : auto;
  margin-left : auto;
  color : #fff;
  font-weight : 400;
  max-width : 900px;
  padding : 20px 0 0;
  background-repeat : no-repeat;
  min-height : 110px;
  background-image : url(../img/logo.png);
  }
  #logo {
  background-position : left top;
  position : absolute;
  width : 253px;
  height : 71px;
  z-index : 999;
  margin-left : 0;
  margin-top : 0;
  text-align : left;
  background-repeat : no-repeat;
  text-transform : none;
  font-size : 21px;
  color : #000;
  line-height : 1.1em;
  padding-left : 103px;
  padding-top : 18px;
  }
  h1, h4, h2 {
  border-color : #3d4c73;
  background-position : center top;
  padding : 5px 0 5px 0;
  overflow : hidden;
  margin : 0 auto;
  font-size : 12px;
  color : #000000;
  font-weight : normal;
  text-align : center;
  letter-spacing : 0;
  min-height : 16px;
  text-indent : 0;
  max-width : 1100px;
  line-height : 1em;
  text-transform : uppercase;
  border-top-style : solid;
  border-top-width : 1px;
  font-family : "Bookman Old Style";
  font-size : 12px;
  font-variant : normal;
  }
  .nawozy {
  margin-top : 40px;
  }
  h1 {
  font-family : 'Roboto Condensed', sans-serif;
  font-size : 38px;
  font-weight : 400;
  color : #000000;
  text-align : center;
  margin-top : auto;
  margin-bottom : 10px;
  text-transform : none;
  }
  span {
  display : flex;
  justify-content : center;
  align-items : flex-end;
  }
  .prod {
  display : flex;
  justify-content : center;
  flex-wrap : wrap;
  margin-right : auto;
  margin-left : auto;
  padding-top : 25px;
  max-width : 1100px;
  padding-bottom : 15px;
  }
  .prod .item {
  float : left;
  display : flex;
  justify-content : center;
  align-items : center;
  width : 240px;
  height : 240px;
  padding-top : 0;
  padding-bottom : 0;
  box-shadow : 5px 5px 6px rgb(0, 0, 0, 0.301);
  margin-right : 8px;
  margin-left : 8px;
  margin-bottom : 15px;
  background-color : #85c226;
  }
  .prod .item a {
  color : black;
  font-weight : 500;
  font-size : 17px;
  text-decoration : none;
  transition-duration : 0.6s;
  }
  .prod .item a:hover {
  color : white;
  transition-duration : 0.6s;
  transform : scale(1.2);
  }
  .prod .item img {
  max-width : 150px;
  }
  h4 {
  background-color : #7B7F82;
  color : #FFFFFF;
  font-family : "Bookman Old Style";
  font-size : medium;
  font-weight : bold;
  width : 100%;
  }
  h6 {
  color : #000;
  font-size : 14px;
  text-align : right;
  margin : 0 0 0 auto;
  font-weight : 300;
  padding : 5px 0 0;
  }
  h6 a {
  text-decoration : none;
  font-size : 16px;
  font-weight : 600;
  color : #76b729;
  }
  h6 a:hover {
  color : #333;
  }
  .container {
  max-width : 1100px;
  background-color : #fff;
  margin-right : auto;
  margin-left : auto;
  color : #222;
  }
  .-fx-image-gal {
  display : flex;
  flex-direction : column;
  flex-wrap : wrap;
  margin : 0 auto;
  width : 100%;
  max-width : 960px;
  justify-content : center;
  }
  .blockquote1 p {
  font-size : 2rem;
  margin-top : 10px;
  text-align : center;
  font-family : "Gill Sans Extrabold", Helvetica, sans-serif;
  color : #a0a0a0;
  text-decoration : none;
  position : relative;
  }
  .blockquote2 p {
  font-size : 18px;
  margin-top : 10px;
  padding : 10px;
  text-align : left;
  font-family : "Gill Sans Extrabold", Helvetica, sans-serif;
  color : black;
  text-decoration : none;
  position : relative;
  }
  .-fx-gal-item {
  width : 100%;
  margin : 0;
  padding : 0;
  overflow : hidden;
  }
  .-fx-gal-item a {
  padding : 0;
  margin : 0;
  width : 100%;
  height : 100%;
  text-decoration : none;
  background-color : white;
  }
  .-fx-gal-image-thumb img {
  width : 100%;
  cursor : pointer;
  filter : grayscale(100%);
  transform : scale(1.1);
  transition : all 0.5s ease;
  }
  .-fx-gal-image-thumb1 img {
  width : 100%;
  cursor : pointer;
  transition : all 0.5s ease;
  }
  @media (max-width: 800px) {
  .-fx-gal-image-thumb img {
  filter : grayscale(0%);
  }
  }
  .-fx-gal-image-thumb:hover img {
  cursor : pointer;
  filter : grayscale(0%);
  transform : scale(1.5);
  transition : all 0.5s ease;
  }
  .-fx-gal-image-thumb1:hover img {
  cursor : pointer;
  animation : shadow-drop-2-center 0.4s cubic-bezier(0.250,0.460,0.450,0.940) both;
  }
  @keyframes shadow-drop-2-center {
  0% {
  transform : translateZ(0);
  box-shadow : 0 0 0 0 rgb(0, 0, 0, 0);
  }
  100% {
  transform : translateZ(50px);
  box-shadow : 20px 0 20px 0 rgb(0, 0, 0, 0.5);
  }
  }
  @media (min-width: 420px) {
  .-fx-image-gal {
  flex-direction : row;
  flex-wrap : wrap;
  }
  .-fx-gal-item {
  width : 50%;
  }
  }
  @media (min-width: 768px) {
  .-fx-gal-item {
  width : 33.33%;
  }
  }
  nav {
  line-height : 10px;
  width : 100%;
  min-height : 20px;
  }
  a {
  text-decoration : none;
  }
  .gallery {
  margin : 5px;
  border : #ccc solid 1px;
  text-align : center;
  max-width : 240px;
  display : inline-block;
  }
  .gallery:hover {
  width : 100%;
  animation : rotate-center 0.6s ease-in-out both;
  }
  @keyframes rotate-center {
  0% {
  transform : rotate(0);
  }
  100% {
  transform : rotate(360deg);
  }
  }
  .gallery img {
  width : 100%;
  height : auto;
  display : block;
  text-align : center;
  margin : 0 auto;
  }
  .mainGallery {
  max-width : 1100px;
  display : block;
  border : none;
  margin : 0;
  text-align : center;
  }
  .desc {
  padding : 15px;
  text-align : center;
  }
  #menu ul {
  list-style-type : none;
  text-align : right;
  padding : 7px 20px 10px 20px;
  max-width : 960px;
  margin : auto;
  display : flex;
  justify-content : center;
  }
  #menu li {
  border-width : 1px;
  border-color : #ccc;
  display : inline-block;
  margin : 0 3px;
  border-left-style : solid;
  text-align : center;
  display : flex;
  justify-content : center;
  }
  #menu li:first-child {
  border-left-style : none;
  }
  #menu li a {
  display : block;
  padding : 0 5px 0 6px;
  text-decoration : none;
  font-weight : bold;
  font-size : 10px;
  text-transform : uppercase;
  color : silver;
  }
  #menu li a.active1, #menu li a:hover {
  color : #000;
  }
  .grasscontainer {
  width : 100%;
  display : flex;
  }
  #info {
  margin-top : 3%;
  padding : 10px;
  }
  .top {
  position : absolute;
  z-index : 999;
  margin-top : 83px;
  width : 430px;
  height : 44px;
  color : #9d701c;
  padding-top : 20px;
  padding-left : 20px;
  font-size : 24px;
  font-weight : 700;
  line-height : 24px;
  }
  .top-bottom {
  position : absolute;
  height : 80px;
  width : 100%;
  margin-top : -136px;
  }
  .top-b {
  max-width : 960px;
  margin : auto;
  }
  h2 {
  font-family : 'Roboto Condensed', sans-serif;
  font-size : 38px;
  font-weight : 400;
  color : #000000;
  text-align : center;
  margin-top : auto;
  margin-bottom : 10px;
  text-transform : none;
  }
  h3 {
  color : gray;
  font-weight : 400;
  }
  article {
  margin-right : auto;
  margin-left : auto;
  padding : 0;
  }
  .tresc {
  padding : 10px;
  line-height : 1.25em;
  text-align : justify;
  font-weight : normal;
  color : #000000;
  font-family : 'Open Sans', sans-serif;
  font-size : 18px;
  }
  @media (max-width: 750px) {
  .tresc {
  padding : 20px;
  }
  }
  #author {
  min-height : 15px;
  padding-top : 15px;
  padding-bottom : 15px;
  font-size : 11px;
  padding-left : 0;
  text-align : center;
  background-color : #ccc;
  }
  .photos {
  padding : 0;
  text-align : left;
  letter-spacing : 4px;
  }
  .photos img {
  margin-bottom : 5px;
  }
  footer {
  margin : 0 auto;
  max-width : 900px;
  color : #555;
  padding-top : 0;
  padding-bottom : 0;
  background-color : #FFFEFB;
  }
  #foot {
  padding : 0;
  margin-right : auto;
  margin-left : auto;
  }
  footer a {
  color : #000;
  font-family : "Gill Sans Extrabold", Helvetica, sans-serif;
  font-size : 19px;
  font-weight : normal;
  }
  footer #contact {
  background-position : right center;
  min-height : 40px;
  padding : 20px;
  text-align : center;
  letter-spacing : 0;
  font-size : 19px;
  line-height : 1.35em;
  background-repeat : no-repeat;
  font-family : "Gill Sans Extrabold", Helvetica, sans-serif;
  font-weight : normal;
  color : #000000;
  }
  footer #contact strong {
  font-weight : 700;
  font-size : 16px;
  }
  footer a:hover {
  color : #555;
  }
  #author img {
  border-style : none;
  }
  #author img.counter {
  vertical-align : -30%;
  }
  #author {
  color : #666;
  max-width : 1100px;
  margin : auto;
  }
  #author a {
  color : #999;
  }
  .clear {
  clear : both;
  height : 0;
  }
  h2 img {
  border-style : none;
  }
  .large {
  font-size : 23px;
  font-weight : 400;
  line-height : 60px;
  letter-spacing : -2px;
  word-spacing : 4px;
  }
  .floating {
  float : right;
  margin-left : 20px;
  margin-top : 25px;
  margin-right : 20px;
  border : none;
  }
  .floatingleft {
  float : left;
  margin-left : 0;
  margin-top : 0;
  margin-right : 25px;
  }
  .google-maps {
  padding : 0;
  height : 360px;
  margin : auto;
  width : 1100px;
  border : 0;
  }
  .spacer {
  width : 100%;
  margin-right : auto;
  margin-left : auto;
  }
  .mark2 {
  color : #9d701c;
  }
  .foto img {
  padding : 2px;
  background-color : #C0C0C0;
  margin : auto;
  width : 200px;
  font-family : "Bookman Old Style";
  font-size : 12px;
  color : #000000;
  }
  .foto img {
  padding : 2px;
  background-color : #C0C0C0;
  margin : auto;
  width : 200px;
  font-family : "Bookman Old Style";
  font-size : 12px;
  color : #000000;
  }
  .foto {
  padding : 5px;
  text-align : center;
  text-decoration : none;
  }
  .foto a {
  margin : auto;
  padding : 0;
  text-align : center;
  display : inline-block;
  max-width : 210px;
  min-height : 50px;
  font-family : "Bookman Old Style";
  font-size : 12px;
  font-style : normal;
  color : #000000;
  }
  .foto img:hover {
  background-color : #ccc;
  }
  .bar {
  background-repeat : repeat-x;
  background-position : center top;
  height : 15px;
  width : 100%;
  margin-right : auto;
  margin-left : auto;
  }
  .box {
  width : 100%;
  background-repeat : repeat-x;
  background-position : center top;
  }
  .logo p {
  max-width : 1280px;
  margin : auto;
  z-index : 998;
  text-align : right;
  font-size : 15px;
  line-height : 17px;
  color : #fff;
  }
  .logo {
  z-index : 999;
  margin-top : 0;
  margin-left : 5%;
  text-align : center;
  display : flex;
  justify-content : center;
  background-repeat : no-repeat;
  padding : 13px 0;
  }
  .logo img {
  width : 15%;
  }
  @media (max-width: 700px) {
  .logo img {
  width : 25%;
  }
  }
  #slideshow img {
  border : none;
  }
  .c1_2 {
  float : left;
  width : 50%;
  padding-top : 25px;
  padding-bottom : 25px;
  }
  .boxcontainer {
  width : 100%;
  padding : 0;
  }
  .bgins2 {
  background-color : #fff;
  }
  .fotos {
  line-height : 0;
  }
  .fotos img {
  width : 25%;
  }
  .left {
  text-align : left;
  }
  #menu li img {
  vertical-align : middle;
  border : none;
  font-family : "Bookman Old Style";
  font-size : 12px;
  color : #000000;
  font-weight : normal;
  font-style : normal;
  font-variant : normal;
  text-decoration : none;
  }