@font-face {font-family: Merienda;src: url(../fonts/Merienda-Bold.ttf);}
body, html {
  height: 100%;
  margin: 0;
  font: 400 12px/1.8 "Lato", sans-serif;
  color: #FFD700;
}
#upper-belt{position:fixed;top:0%;width:100%;height:60px;background-color:#282E34;z-index:99}/*#062b68*/
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6, .bgimg-7 {
  position: relative;
  /*opacity: 0.8;*/
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

.bgimg-1 {
  background-image: url("../img/stol-Tokio-4-scaled.jpg");
  min-height: 100%;
  opacity: 0.9;
  margin-top: 90px; 
/*  max-width: 60%;
  margin-left: 10%;*/
}
.bgimg-2 {
  background-image: url("../img/stol-Creativ-6-scaled.jpg");
  min-height: 60%;
  max-width: 100%;
}

.bgimg-3 {
  background-image: url("../img/stol-Creativ-8-scaledb.png");
  min-height: 60%;
  max-width: 100%;
}

.bgimg-4{
    background-image: url("../img/stol-Creativ-7-scaledb.png");
    min-height: 60%;
     max-width: 100%;
}
.bgimg-5{
    background-image: url("../img/stol-Creativ-3b.png");
    min-height: 60%;
     max-width: 100%;
}
.bgimg-6{
    background-image: url("../img/stol-Saga-1-scaled.jpg");
    min-height: 60%;
     max-width: 100%;
}
.bgimg-7{
    background-image: url("../img/stol-Saga-6.jpg");
    min-height: 60%;
      max-width: 100%;
}
.caption {
  position: absolute;
  opacity:0.9;
  left: 0;
  top: 40%;
  width: 100%;
  text-align: center;
  color: #000;
}

.caption span.border {
  background-color: #111;
  color: #FFD700;
  padding: 18px;
  font-size: 15px;
  letter-spacing: 10px;
  border-radius: 20px;
}
.logo{
  position: absolute;
  top: 20%;
  width: 12%;
  float: right;
  margin-left: 30px;
}

.slogan{
  color: #FFD700;
  font-family: Merienda;
  position:relative;
  top: 2px; left:20px;
  text-align: center;
  font-size: 1.5em;
  /*text-shadow: 4px 2px 4px #ccc;*/
}

h3 {
  letter-spacing: 3px;
  text-transform: uppercase;
  font: 20px "Lato", sans-serif;
  color: #FFD700;
}
.hashZnak{
  list-style-type: none;
}
.hashZnak > li:before{
  content: "# " ;
}
.opisDiv{color: #FFD700;background-color:#282E34;text-align:center;padding:50px 80px;text-align: justify;}

@media (max-width: 768px) {
   .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6, .bgimg-7 {
    background-attachment: scroll;
    min-height: 350px; /* Dostosuj, jeśli trzeba */
  }
}

/*@media all and (max-width: 500px) {
    .slogan{font-size: 1.5em;}
    .caption span.border {font-size: 1em; padding: 10px}
    h3{font-size: 15px}
    .opisDiv{padding-right: 20px; padding-left: 20px}

} */
/*Turn off parallax scrolling for tablets and phones
@media only screen and (max-device-width: 1024px) {
    .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6, .bgimg-7{
        background-attachment: scroll;
    }
}*/
.fade-in {
  opacity: 0;
  animation: fadeIn 2s ease-in forwards;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

/* Slide In Up */
.slide-up {
  opacity: 0;
  transform: translateY(30px);
  animation: slideUp 1.5s ease-out forwards;
}

@keyframes slideUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
/* Zoom on Hover (background or image) */
.img-hover-zoom {
  transition: transform 0.5s ease;
}

.img-hover-zoom:hover {
  transform: scale(1.05);
}

body, p, h1, h2, h3, h4, h5, h6, span, li, div, a {
  color: #FFD700 !important;
}

.kontakt-formularz {
  max-width: 500px;
  margin: 40px auto;
  padding: 30px;
  background-color: #f7f7f7;
  border-radius: 10px;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
  font-family: Arial, sans-serif;
}

.kontakt-formularz h2 {
  text-align: center;
  margin-bottom: 20px;
  color: #333;
}

.kontakt-formularz label {
  display: block;
  margin: 10px 0 5px;
  font-weight: bold;
}

.kontakt-formularz input[type="text"],
.kontakt-formularz input[type="email"] {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.kontakt-formularz button {
  margin-top: 20px;
  width: 100%;
  padding: 12px;
  font-size: 16px;
  border: none;
  color: white;
  background-color: #28a745;
  border-radius: 5px;
  cursor: pointer;
}

.kontakt-formularz button:hover {
  background-color: #218838;
}
*/