body {
  background-color: #03070a;
  font-family: Raleway, sans-serif;
  color: #fff;
}

::-webkit-scrollbar {
  background-color: #333333;
  width: 8px;
  border: 1px solid #f9d802;
}

::-webkit-scrollbar-track {
  background-color: #333333;
}

::-webkit-scrollbar-thumb {
  background-color: #f9d802;
}

::-webkit-scrollbar-corner {
  background-color: #f9d802;
}

.navbar {
  background-color: #f9d802;
  color: #333333;
  border-bottom: 5px solid #333333;
}

.nav-link {
  color: #333333;
  font-weight: 700;
}

.domov-content-header {
  margin-bottom: 80px;
}

.domov-content-header h1 {
  color: #f9d802;
  font-size: 2.5vw;
}

.domov-content-header p {
  color: #ffffff;
}

.fa-info {
  color: #f9d802;
  font-size: 60px;
}

.card-header {
  background-color: #333333;
  color: #f9d802;
  border: 3px solid #333333;
}

.card-header p {
  font-size: 1vw;
  font-weight: 500;
}

.card-body {
  background-color: #ffffff;
  color: #333333;
  border: 3px solid #333333;
}

.card {
  border: 1px solid #333333;
  border-radius: 25px;
}

.footer {
  background-color: #333333;
  color: #f9d802;
  height: 50px;
  border-top: 1px solid #f9d802;
}

.footer a {
  color: #f9d802;
  font-weight: 700;
}

.page-title {
  margin: 80px 0 50px 0;
}

.page-title h1 {
  color: #f9d802;
  font-size: 2.5vw;
}

.cennik-content a {
  color: #ffffff;
}

.cennik-content a:hover {
  color: #f9d802;
}

.cennik-content span {
  color: #f9d802;
  margin-right: 15px;
  font-size: 1.2vw;
}

.ul-letiska {
  list-style-type: none;
}

.company-info {
  color: #ffffff;
  border-radius: 5px;
  padding: 25px;
}

.company-info a {
  color: #f9d802;
  font-weight: 700;
}

.contact-form .form-control {
  background-color: #333333;
  border: 1px solid #f9d802;
  color: #ffffff;
}

.contact-form label {
  color: #f9d802;
}

.button {
  background-color: #f9d802;
  color: #333333;
  border: 2px solid #333333;
  width: 150px;
  height: 50px;
  font-weight: 700;
  border-radius: 5px;
}

.button:hover {
  background-color: #333333;
  color: #f9d802;
  border: 2px solid #f9d802;
}

.contact-header h2 {
  color: #f9d802;
  font-size: 1.6vw;
}

.silvester {
  width: 500px;
  height: 300px;
  position: fixed;
  top: 70px;
  left: 50%;
  transform: translate(-50%, 0);
  border: 2px solid #f9d802;
  background-color: #333333;
  padding: 15px;
}

@media screen and (max-width: 600px) {
  .domov-content-header h1 {
    font-size: 8vw;
  }
  .contact-header h2 {
    font-size: 5vw;
  }
  .domov-content-header {
    margin-bottom: 35px;
  }
  .card-header p {
    font-size: 5vw;
  }
  .page-title h1 {
    font-size: 8vw;
  }
  .cennik-content span {
    font-size: 5vw;
  }
  .header {
    margin-top: 40px;
  }
  .social_media img {
    width: 64px;
  }
  .silvester {
    width: 90%;
    height: 350px;
  }
}

@media screen and (max-width: 375px) {
  .navbar {
    font-size: 12px;
  }
  .button {
    width: 120px;
    height: 40px;
  }
  .silvester {
    width: 100%;
    height: auto;
  }
  .page-title h1 {
    font-size: 10vw;
  }
}