@charset "UTF-8";
*, *::after, *::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  position: relative;
  font-family: 'Raleway', sans-serif;
  background-color: #333;
  background-image: url("./img/WG_BG_tlo.png");
}

h2 {
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
}

.scroll-fix::before {
  content: '';
  display: block;
  height: 93px;
  margin-top: -93px;
}

.wrapper {
  max-width: 2560px;
  width: 80%;
  margin: 0 auto;
}

.jumbotron {
  margin: 0;
}

.underline {
  margin: 0 auto 40px;
  width: 60px;
  height: 4px;
  background-color: #000;
}

header {
  color: #ffffff;
  overflow: hidden;
}

header .hero-img {
  position: relative;
  height: 100vh;
  background-image: url("../img/Header_WilczaGawra.jpg");
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  z-index: 0;
}

header .hero-shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: -10;
}

header .hero-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  padding: 50px;
  font-family: 'Turret Road', cursive;
}

header .hero-text p {
  padding: 10px;
}

header .btn-outline-light {
  text-transform: uppercase;
}

header .fa-caret-down {
  display: none;
}

header .kolo_shadow {
  position: relative;
  width: 300px;
  height: 300px;
}

header .kolo_shadow .menu-kolo {
  position: relative;
  width: 260px;
  height: 260px;
  text-align: center;
  background-image: url("../img/Kontakt_wilczaGawra.jpg");
  background-color: #1b62b4;
  background-position: center;
  background-size: cover;
  border-radius: 150px;
  -webkit-box-shadow: -5px -5px 10px #27aa1bb3;
          box-shadow: -5px -5px 10px #27aa1bb3;
}

header .kolo_shadow .menu-kolo .insertkolo {
  position: absolute;
  top: 130px;
  left: 70px;
  width: 100px;
  text-align: center;
}

header .kolo_shadow .menu-kolo .koloHistoria:hover {
  opacity: 1;
}

header .kolo_shadow .menu-kolo .koloHistoria {
  position: absolute;
  top: 50px;
  left: 190px;
  margin: 1px;
  width: 100px;
  height: 100px;
  text-align: center;
  background-image: url("../img/foto_kolo-makieta.png");
  background-position: center;
  background-size: cover;
  border-radius: 100px;
  -webkit-box-shadow: 5px 5px 10px #80772db3;
          box-shadow: 5px 5px 10px #80772db3;
  opacity: 0.6;
  text-transform: uppercase;
  -webkit-transition: background-color .6s;
  transition: background-color .6s;
  font-weight: bold;
  text-shadow: 0 0 2px #368833;
}

header .kolo_shadow .menu-kolo .koloHistoria a {
  position: relative;
  top: 40%;
  color: #0d1b0e;
  text-shadow: 1px 1px 2px #60b641;
  -webkit-transition: color .3s;
  transition: color .3s;
}

header .kolo_shadow .menu-kolo .koloHistoria a:hover {
  color: #060911d8;
  overflow: hidden;
}

header .kolo_shadow .menu-kolo .koloZasadyGry:hover {
  opacity: 1;
}

header .kolo_shadow .menu-kolo .koloZasadyGry {
  position: absolute;
  top: 160px;
  left: 170px;
  margin: 1px;
  width: 100px;
  height: 100px;
  text-align: center;
  background-image: url("../img/WilczaGawra_modele.jpg");
  background-position: center;
  background-size: cover;
  border-radius: 100px;
  -webkit-box-shadow: 5px 5px 10px #80772db3;
          box-shadow: 5px 5px 10px #80772db3;
  opacity: 0.8;
  text-transform: uppercase;
  -webkit-transition: background-color .6s;
  transition: background-color .6s;
  font-weight: bold;
  text-shadow: 0 0 2px #348;
}

header .kolo_shadow .menu-kolo .koloZasadyGry a {
  position: relative;
  top: 40%;
  color: #0d1b0e;
  text-shadow: 1px 1px 2px #60b641;
  -webkit-transition: color .3s;
  transition: color .3s;
}

header .kolo_shadow .menu-kolo .koloZasadyGry a:hover {
  color: #060911d8;
}

header .kolo_shadow .menu-kolo .koloKontakt:hover {
  opacity: 1;
}

header .kolo_shadow .menu-kolo .koloKontakt {
  position: absolute;
  top: 200px;
  left: 60px;
  margin: 1px;
  width: 100px;
  height: 100px;
  text-align: center;
  background-color: #fff;
  background-image: url("../img/wrocław 2009 298_149_100.png");
  background-position: center;
  background-size: cover;
  border-radius: 100px;
  opacity: 0.8;
  -webkit-box-shadow: 5px 5px 10px #80772db3;
          box-shadow: 5px 5px 10px #80772db3;
  overflow: hidden;
  text-transform: uppercase;
  -webkit-transition: background-color .6s;
  transition: background-color .6s;
  font-weight: bold;
  text-shadow: 0 0 2px #50af34;
}

header .kolo_shadow .menu-kolo .koloKontakt a {
  position: relative;
  top: 40%;
  color: #0d1b0d;
  text-shadow: 1px 1px 2px #60b641;
  -webkit-transition: color .3s;
  transition: color .3s;
}

header .kolo_shadow .menu-kolo .koloKontakt a:hover {
  color: #060911d8;
}

nav {
  background-color: rgba(0, 0, 0, 0);
  text-transform: uppercase;
  -webkit-transition: background-color .6s;
  transition: background-color .6s;
  font-weight: bold;
  text-shadow: 0 0 2px #348;
}

nav a, nav i {
  color: #0c7915;
  -webkit-transition: color .3s;
  transition: color .3s;
}

nav a:hover {
  color: #a32121d8;
}

nav i {
  padding: 10px;
}

nav .active {
  color: #a32121d8;
}

.shadow-bg {
  background-color: rgba(78, 95, 79, 0.95);
  text-shadow: 0 0 2px #345;
}

.shadow-bg a, .shadow-bg i {
  color: #000000;
}

.shadow-bg a:hover {
  color: #3c80c4;
}

.shadow-bg i {
  padding: 10px;
}

.shadow-bg .nawbar-brand {
  font-weight: bold;
}

.shadow-bg .active {
  color: #3c80c4;
}

.shadow-bg {
  background-color: rgba(78, 95, 79, 0);
  text-shadow: 0 0 2px #345;
}

.shadow-bg a, .shadow-bg i {
  color: #000000;
}

.shadow-bg a:hover {
  color: #3c80c4;
}

.shadow-bg i {
  padding: 10px;
}

.shadow-bg .nawbar-brand {
  font-weight: bold;
}

.shadow-bg .active {
  color: #3c80c4;
}

.navbar-nav .menu-kolo {
  position: relative;
  right: 35px;
  width: 260px;
  height: 260px;
  text-align: center;
  background-image: url("../img/Kontakt_wilczaGawra.jpg");
  background-color: #1b62b4;
  background-position: center;
  background-size: cover;
  border-radius: 150px;
  -webkit-box-shadow: -5px -5px 10px #27aa1bb3;
          box-shadow: -5px -5px 10px #27aa1bb3;
}

.navbar-nav .menu-kolo .insertkolo {
  position: absolute;
  top: 130px;
  left: 70px;
  width: 100px;
  text-align: center;
}

.navbar-nav .koloHistoria:hover {
  opacity: 1;
}

.navbar-nav .koloHistoria {
  position: absolute;
  top: 50px;
  left: 190px;
  margin: 1px;
  width: 100px;
  height: 100px;
  text-align: center;
  background-image: url("../img/foto_kolo-makieta.png");
  background-position: center;
  background-size: cover;
  border-radius: 100px;
  -webkit-box-shadow: 5px 5px 10px #80772db3;
          box-shadow: 5px 5px 10px #80772db3;
  opacity: 0.6;
  text-transform: uppercase;
  -webkit-transition: background-color .6s;
  transition: background-color .6s;
  font-weight: bold;
  text-shadow: 0 0 2px #368833;
}

.navbar-nav .koloHistoria a {
  position: relative;
  top: 40%;
  color: #0d1b0e;
  text-shadow: 1px 1px 2px #60b641;
  -webkit-transition: color .3s;
  transition: color .3s;
}

.navbar-nav .koloHistoria a:hover {
  color: #060911d8;
  overflow: hidden;
}

.navbar-nav .koloZasadyGry:hover {
  opacity: 1;
}

.navbar-nav .koloZasadyGry {
  position: absolute;
  top: 160px;
  left: 170px;
  margin: 1px;
  width: 100px;
  height: 100px;
  text-align: center;
  background-image: url("../img/WilczaGawra_modele.jpg");
  background-position: center;
  background-size: cover;
  border-radius: 100px;
  -webkit-box-shadow: 5px 5px 10px #80772db3;
          box-shadow: 5px 5px 10px #80772db3;
  opacity: 0.8;
  text-transform: uppercase;
  -webkit-transition: background-color .6s;
  transition: background-color .6s;
  font-weight: bold;
  text-shadow: 0 0 2px #348;
}

.navbar-nav .koloZasadyGry a {
  position: relative;
  top: 40%;
  color: #0d1b0e;
  text-shadow: 1px 1px 2px #60b641;
  -webkit-transition: color .3s;
  transition: color .3s;
}

.navbar-nav .koloZasadyGry a:hover {
  color: #060911d8;
}

.navbar-nav .koloKontakt:hover {
  opacity: 1;
}

.navbar-nav .koloKontakt {
  position: absolute;
  top: 200px;
  left: 60px;
  margin: 1px;
  width: 100px;
  height: 100px;
  text-align: center;
  background-color: #fff;
  background-image: url("../img/wrocław 2009 298_149_100.png");
  background-position: center;
  background-size: cover;
  border-radius: 100px;
  opacity: 0.8;
  -webkit-box-shadow: 5px 5px 10px #80772db3;
          box-shadow: 5px 5px 10px #80772db3;
  overflow: hidden;
  text-transform: uppercase;
  -webkit-transition: background-color .6s;
  transition: background-color .6s;
  font-weight: bold;
  text-shadow: 0 0 2px #50af34;
}

.navbar-nav .koloKontakt a {
  position: relative;
  top: 40%;
  color: #0d1b0d;
  text-shadow: 1px 1px 2px #60b641;
  -webkit-transition: color .3s;
  transition: color .3s;
}

.navbar-nav .koloKontakt a:hover {
  color: #060911d8;
}

#welcome .jumbotron {
  position: relative;
  background-color: #333;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  z-index: 0;
}

#welcome .foto1 {
  position: relative;
  margin: 1px;
  width: auto;
  height: auto;
  text-align: center;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  border-radius: 100%;
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.7);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.7);
  overflow: hidden;
}

#welcome .textW {
  position: relative;
  margin: 1px;
  width: auto;
  height: 250px;
  text-align: center;
  background-color: #5c2020a2;
  background-position: center;
  background-size: cover;
  border-radius: 15px;
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.7);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.7);
  overflow: hidden;
}

#welcome .foto2 {
  position: relative;
  margin: 1px;
  width: auto;
  height: auto;
  text-align: center;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  border-radius: 15px;
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.7);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.7);
  overflow: hidden;
}

#contakt .jumbotron {
  background-image: url("../img/bfbg.jpg");
  background-position: center;
  background-size: cover;
}

#contakt .card {
  text-align: center;
  border-radius: 15px;
  -webkit-box-shadow: 5px 5px 5px #226cceb3;
          box-shadow: 5px 5px 5px #226cceb3;
}

#contakt .card-img-top {
  padding: 5px;
  border-radius: 15px;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.7);
          box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.7);
}

#contakt .card-footer {
  border-radius: 15px;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.7);
          box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.7);
}

#contakt .alert {
  background-color: green;
  text-align: center;
}

footer .footer_img {
  position: relative;
  height: 80px;
  line-height: 80px;
  background-image: url("../img/WB_BG_tlo.jpg");
}

footer .mapaStrony {
  width: 100%;
  height: 100px;
  padding: 30px;
}

footer .mapaStrony li {
  color: #fff;
}

footer .mapaStrony h6 {
  color: #fff;
}

footer .footer_text {
  color: #fff;
  text-align: center;
  font-weight: bold;
  background: -webkit-gradient(linear, left top, left bottom, from(#131313), color-stop(9%, #1c1c1c), color-stop(14%, #242424), color-stop(18%, rgba(43, 43, 43, 0.95)), color-stop(29%, rgba(17, 17, 17, 0.82)), color-stop(43%, rgba(0, 0, 0, 0.64)), color-stop(51%, rgba(44, 44, 44, 0.54)), color-stop(53%, rgba(49, 49, 49, 0.52)), color-stop(61%, rgba(71, 71, 71, 0.52)), color-stop(73%, rgba(89, 89, 89, 0.52)), color-stop(84%, rgba(102, 102, 102, 0.52)), to(rgba(76, 76, 76, 0.52)));
  background: linear-gradient(to bottom, #131313 0%, #1c1c1c 9%, #242424 14%, rgba(43, 43, 43, 0.95) 18%, rgba(17, 17, 17, 0.82) 29%, rgba(0, 0, 0, 0.64) 43%, rgba(44, 44, 44, 0.54) 51%, rgba(49, 49, 49, 0.52) 53%, rgba(71, 71, 71, 0.52) 61%, rgba(89, 89, 89, 0.52) 73%, rgba(102, 102, 102, 0.52) 84%, rgba(76, 76, 76, 0.52) 100%);
}

footer p {
  margin: 0;
}

@media (min-width: 100px) {
  header .homeFWW {
    font-size: 35px;
  }
}

@media (min-width: 500px) {
  header .homeFWW {
    font-size: 50px;
  }
}
/*# sourceMappingURL=mainGZ.css.map */