html {
  scroll-behavior: smooth;
}

body {
  background-color: rgb(223, 223, 223);
  background: radial-gradient(
    circle,
    rgb(216, 216, 216) 70%,
    rgb(250, 250, 250) 100%
  );
  color: white;
  text-align: center;
}

.topbar {
  margin-left: auto;
  margin-right: auto;
}
a:hover {
  text-decoration: none;
}
nav {
  width: 100vw;
  top: 0; /* Position the navbar at the top of the page */
  min-height: 70px;
  background-image: url(img/tractor-sunset.jpg);
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.55);
}

.navbar-collapse {
  align-items: right;
}

.navbar-nav .nav-link {
  letter-spacing: 0.03em;
  transition: color 0.18s ease, opacity 0.18s ease;
}

.navbar-nav .nav-link:hover {
  opacity: 0.8;
}

#logo {
  font-size: x-large;
  font-weight: 800;
  text-shadow: 0.5vh 0.9vh 1.6vh rgb(56, 4, 4);
  text-align: center;
  padding-bottom: 10px;
}

.row {
  margin-left: auto;
  margin-right: auto;
}

.products-area {
  min-width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 80px;
}

.product-square {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5%;
  background-color: rgb(250, 250, 250);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.13);
  color: black;
  padding: 0%;
  font-weight: 700;
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.product-square:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
  color: black;
  text-decoration: none;
}

.product-category {
  background: rgb(73, 10, 10);
  background: linear-gradient(
    135deg,
    rgb(200, 60, 50) 0%,
    rgb(80, 15, 15) 100%
  );
  color: white;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-text-stroke: 0.2px rgb(26, 8, 8);
  margin: 0%;
  width: 100%;
  padding: 1.5%;
  font-size: medium;
  font-weight: 700;
  letter-spacing: 0.04em;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

main {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  margin-top: 15px;
}

main img {
  margin-top: 4%;
  margin-bottom: 4%;
}

section h3 {
  font-size: xx-large;
  margin-top: 0%;
  margin-bottom: 1.55%;
  font-weight: 700;
}
section {
  padding-top: 25px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  color: black;
  font-weight: 600;
}

#o-nas {
  background: radial-gradient(
    circle,
    rgb(201, 201, 201) 70%,
    rgb(223, 223, 223) 100%
  );
  margin: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 30px;
  margin-bottom: 30px;
  /* background-color: rgb(207, 207, 207); */
  text-align-last: center;
}

.aboutAs {
  /* max-width: 1000px; */
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  color: white;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-image: url(img/idziak-fb.jpg);
  filter: sepia(0.3);
  border-radius: 10px;
  padding-bottom: 20px;
  padding-top: 20px;
  text-align: justify;
}

#abutAS-txt {
  margin-left: auto;
  margin-right: auto;
  padding: 0%;
  background: rgba(71, 0, 0, 0.8);
  font-size: large;
}

#abutAS-content {
  color: white;
  /* max-width: 99vw; */
  margin-left: auto;
  margin-right: auto;
  padding: 2%;
}

#contact-section {
  background: radial-gradient(
    circle,
    rgb(201, 201, 201) 70%,
    rgb(223, 223, 223) 100%
  );
  padding-top: 25px;
  padding-bottom: 20px;
}

#contact-area {
  background: #fff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  color: rgb(0, 0, 0);
  border-radius: 12px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

#phone {
  margin-top: 1.5%;
  font-weight: 800;
  color: rgb(160, 25, 25);
  font-size: 1.3rem;
}

.contact-area {
  margin: 0%;
  padding: 0%;
  text-align: center;
  margin-bottom: 2%;
  color: rgb(31, 31, 31);
  font-size: x-large;
}

.contact-icons {
  font-size: 274%;
  text-align: center;
  margin-bottom: 10px;
  color: rgb(31, 31, 31);
  text-shadow: 0vh 0.3vh 0.8vh rgb(109, 109, 109);
}

.contact-link {
  color: rgb(31, 31, 31);
  text-decoration: none;
  display: inline-block;
  transition: color 0.18s ease, transform 0.18s ease;
}

.contact-link:hover {
  color: rgb(160, 25, 25);
  transform: translateY(-3px);
}

.contact-icons:hover {
  color: rgb(160, 25, 25);
}

.map {
  margin-bottom: 15px;
  margin-top: 15px;
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
  position: none;
}

iframe {
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  margin-left: auto;
  margin-right: auto;
}

footer {
  padding: 0.8%;
  color: #555;
  font-size: small;
  letter-spacing: 0.05em;
  box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.1);
  background-color: rgb(210, 210, 210);
}

.category2 .product-square {
  margin-left: auto;
  margin-right: auto;
}

.card {
  background-color: rgb(250, 250, 250);
  box-shadow: 0vh 0.4vh 3.5vh rgb(100, 100, 100);
  color: black;
  padding: 0%;
  font-weight: 700;
  border-radius: 10px;
  border: 0px;
}

.products-description {
  background-color: rgb(250, 250, 250);
  padding-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-radius: 10px;
  color: black;
  text-align: left;
}

.products-description h1 {
  margin: 20px;
  font-weight: 700;
  text-align: center;
}

.products-description p {
  margin: 15px;
  text-align: justify;
}

.products-description img {
  margin-left: auto;
  margin-right: auto;
  width: ;
}

.description-img {
  text-align: center;
}

.TUR-img {
  text-align: center;
}

hr.red {
  border-top: 2.5px dotted rgb(224, 55, 55);
  margin-left: 15px;
  margin-right: 15px;
}

.table {
  border-radius: 10px;
  border-bottom: 1px solid rgb(212, 212, 212);
}

.table td,
.table th {
  padding-right: 0.25rem;
  padding-left: 0.5rem;
}

@media (max-width: 320px) {
  img {
    max-width: 260px;
  }
  #logo {
    font-size: x-small;
  }

  table {
    font-size: xx-small;
  }

  #carouselGallery {
    width: 240px;
  }
}

@media (max-width: 280px) {
  img {
    max-width: 220px;
  }

  #carouselGallery {
    width: 260px;
  }
}
@media (max-width: 390px) {
  table {
    font-size: xx-small;
  }
}

@media screen and (min-device-width: 391px) and (max-device-width: 500px) {
  table {
    font-size: x-small;
  }
}

@media (max-width: 640px) {
  main {
    padding-top: 30px;
  }

  #logo {
    font-size: x-large;
    font-weight: 600;
  }
}

table {
  margin: 10px;
  margin-left: 0px;
  margin-right: 0px;
}

#carouselGallery {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

#carouselGallery img {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 25px;
  width: 25px;
  outline: black;
  background-color: rgba(0, 0, 0, 0.3);
  background-size: 100%, 100%;
  border-radius: 50%;
}

@media (max-width: 767.99999px) {
  .opryskiwacz {
    max-width: 230px;
  }

  .products-description h1 {
    margin: 20px;
    font-size: xx-large;
    text-align: center;
  }
}

/* Photo byAndrea Piacquadio */
/* Photo by Krzysztof (Kriss) Szkurlatowski */
/* Font license info

## Elusive

   Copyright (C) 2013 by Aristeides Stathopoulos

   Author:    Aristeides Stathopoulos
   License:   SIL (http://scripts.sil.org/OFL)
   Homepage:  http://aristeides.com/


## MFG Labs

   Copyright (C) 2012 by Daniel Bruce

   Author:    MFG Labs
   License:   SIL (http://scripts.sil.org/OFL)
   Homepage:  http://www.mfglabs.com/


## Entypo

   Copyright (C) 2012 by Daniel Bruce

   Author:    Daniel Bruce
   License:   SIL (http://scripts.sil.org/OFL)
   Homepage:  http://www.entypo.com


## Typicons

   (c) Stephen Hutchings 2012

   Author:    Stephen Hutchings
   License:   SIL (http://scripts.sil.org/OFL)
   Homepage:  http://typicons.com/
*/