@charset "UTF-8";
html {
  scroll-behavior: smooth;
}

.beige {
  color: #fbf9f4;
}

.black {
  color: #000000;
}

.green {
  color: #3E4F3C;
}

a {
  text-decoration: none;
}

.main-border {
  border-left: 15px solid #3E4F3C;
  border-right: 15px solid #3E4F3C;
}
@media (max-width: 768px) {
  .main-border {
    border-left: 5px solid #3E4F3C;
    border-right: 5px solid #3E4F3C;
  }
}

p {
  margin-bottom: 0;
}

.border-green {
  border-bottom: 1px solid #3E4F3C;
}

.bg-beige {
  background-color: #fbf9f4;
}

.bg-green {
  background-color: #3E4F3C;
}

header {
  padding-top: 20px;
  padding-bottom: 120px;
}

.container {
  padding-left: 25px;
  padding-right: 25px;
}

.d1 {
  font-size: 70px;
}
@media (max-width: 768px) {
  .d1 {
    font-size: 36px;
  }
}

.d2 {
  font-size: 120px;
  line-height: 40px;
}
@media (max-width: 768px) {
  .d2 {
    font-size: 55px;
  }
}

.h1 {
  font-size: 45px;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .h1 {
    font-size: 28px;
  }
}

.h2 {
  font-size: 39px;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .h2 {
    font-size: 30px;
  }
}

.h3 {
  font-size: 26px;
}
@media (max-width: 768px) {
  .h3 {
    font-size: 22px;
  }
}

.p0 {
  font-size: 14px;
}
@media (max-width: 768px) {
  .p0 {
    font-size: 14px;
  }
}

.p1 {
  font-size: 16px;
}
@media (max-width: 768px) {
  .p1 {
    font-size: 14px;
  }
}

.p2 {
  font-size: 19px;
}

.p3 {
  font-size: 22px;
}

.la-bohemienne {
  font-family: "la-bohemienne", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.garamond {
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
  font-style: normal;
}

.lato {
  font-family: "Lato", sans-serif;
}

.pt-120 {
  padding-top: 120px;
}
@media (max-width: 768px) {
  .pt-120 {
    padding-top: 80px;
  }
}

.pb-120 {
  padding-bottom: 120px;
}

.pl-120 {
  padding-left: 120px;
}

.pr-120 {
  padding-right: 120px;
}

header img {
  border: 10px solid #dedbd2;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}

img {
  border: 10px solid #dedbd2;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}

.nav {
  padding-left: 40px;
  padding-right: 40px;
}
@media (max-width: 768px) {
  .nav {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.vertical-stripes {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
  /* nie blokuje klikania w treść */
}

.stripe.vertical {
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: black;
}

.stripe {
  position: absolute;
  width: 15px;
  height: 100%;
  background-color: #3E4F3C;
}
@media (max-width: 768px) {
  .stripe {
    width: 5px !important;
  }
}

.left-1 {
  left: 15px;
}
@media (max-width: 768px) {
  .left-1 {
    left: 7px !important;
  }
}

.left-2 {
  left: 40px;
}
@media (max-width: 768px) {
  .left-2 {
    left: 20px !important;
  }
}

.right-1 {
  right: 15px;
}
@media (max-width: 768px) {
  .right-1 {
    right: 7px !important;
  }
}

.right-2 {
  right: 40px;
}
@media (max-width: 768px) {
  .right-2 {
    right: 20px !important;
  }
}

/* POZIOME PASKI */
#countdown {
  display: flex;
  justify-content: space-around;
  margin-top: 2rem;
}

#countdown div {
  font-size: 2rem;
}

#countdown {
  display: block;
  display: flex;
}
#countdown .countdown-number {
  font-size: 80px;
  font-family: "la-bohemienne", sans-serif;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 768px) {
  #countdown .countdown-number {
    font-size: 29px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
#countdown .day {
  font-size: 20px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  font-family: "Lato", sans-serif;
}
@media (max-width: 768px) {
  #countdown .day {
    font-size: 14px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}/*# sourceMappingURL=main.css.map */