@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5Oew.ttf) format('truetype');
}
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mulish/v13/1Ptyg83HX_SGhgqO0yLcmjzUAuWexZNRwaA.ttf) format('truetype');
}
::selection {
  color: #000;
  background: #f4efe4;
}
::-moz-selection {
  color: #000;
  background: #f4efe4;
}
a:visited {
  color: #d0c778;
}
a:active {
  color: #d0c778;
}
body {
  margin: 0;
  padding: 0;
  display: grid;
  color: #ffecbe;
  min-height: 100vh;
  font-family: 'Mulish', sans-serif;
  grid-template-columns: 1fr;
  background-color: white;
}
body h1,
body h2,
body h3,
body h4,
body h5 {
  font-family: 'Merriweather', serif;
  text-align: center;
  background: linear-gradient(to bottom, #ebc248, #de9d2c);
  /* Gradient na tekście */
  -webkit-background-clip: text;
  color: transparent;
}
body h1 {
  font-size: 50px;
}
body main {
  min-height: 95vh;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  overflow: hidden;
  gap: 0;
}
@media screen and (max-width: 1500px) {
  body main {
    grid-template-columns: 16% 68% 16%;
  }
}
@media screen and (max-width: 1200px) {
  body main {
    grid-template-columns: 1fr;
  }
}
body main .column {
  height: 100%;
}
body main .column-1 {
  background-image: url('../images/chips1.webp');
  background-attachment: fixed;
  position: relative;
  background-position: right;
}
body main .column-1::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 33%;
  min-height: 100%;
  background: linear-gradient(to right, transparent, black);
  z-index: 1;
  /* Umieść gradient pod elementem block1 */
}
@media screen and (max-width: 1500px) {
  body main .column-1::before {
    width: 16%;
  }
}
@media screen and (max-width: 1200px) {
  body main .column-1::before {
    display: none;
  }
}
body main .column-2 {
  background-color: #000;
}
body main .column-2 #logo {
  background-image: url('../images/logo.webp');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 200px;
  position: relative;
}
body main .column-2 .block-1 {
  text-align: center;
}
body main .column-2 .block-1 p {
  padding: 5px 20px;
  text-indent: 40px;
  text-align: justify;
  font-size: 18px;
}
body main .column-2 .block-2 {
  text-align: center;
}
body main .column-2 .block-2 img {
  width: 50%;
  border-radius: 120px;
  box-shadow: rgba(255, 255, 255, 0.09) 0px 2px 1px, rgba(255, 255, 255, 0.09) 0px 4px 2px, rgba(255, 255, 255, 0.09) 0px 8px 4px, rgba(255, 255, 255, 0.09) 0px 16px 8px, rgba(255, 254, 254, 0.09) 0px 32px 16px;
}
body main .column-2 .block-2 p {
  padding: 5px 20px;
  text-indent: 40px;
  text-align: justify;
  font-size: 18px;
}
body main .column-2 .block-3 {
  text-align: center;
}
body main .column-2 .block-3 img {
  width: 50%;
  border-radius: 120px;
  box-shadow: rgba(255, 255, 255, 0.09) 0px 2px 1px, rgba(255, 255, 255, 0.09) 0px 4px 2px, rgba(255, 255, 255, 0.09) 0px 8px 4px, rgba(255, 255, 255, 0.09) 0px 16px 8px, rgba(255, 254, 254, 0.09) 0px 32px 16px;
}
body main .column-2 .block-3 p {
  padding: 5px 20px;
  text-indent: 40px;
  text-align: justify;
  font-size: 18px;
}
body main .column-2 .block-4 {
  text-align: center;
}
body main .column-2 .block-4 img {
  width: 50%;
  border-radius: 120px;
  box-shadow: rgba(255, 255, 255, 0.09) 0px 2px 1px, rgba(255, 255, 255, 0.09) 0px 4px 2px, rgba(255, 255, 255, 0.09) 0px 8px 4px, rgba(255, 255, 255, 0.09) 0px 16px 8px, rgba(255, 254, 254, 0.09) 0px 32px 16px;
}
body main .column-2 .block-4 p {
  padding: 5px 20px;
  text-indent: 40px;
  text-align: justify;
  font-size: 18px;
}
body main .column-2 .block-5 {
  text-align: center;
}
body main .column-2 .block-5 img {
  width: 50%;
  border-radius: 120px;
  box-shadow: rgba(255, 255, 255, 0.09) 0px 2px 1px, rgba(255, 255, 255, 0.09) 0px 4px 2px, rgba(255, 255, 255, 0.09) 0px 8px 4px, rgba(255, 255, 255, 0.09) 0px 16px 8px, rgba(255, 254, 254, 0.09) 0px 32px 16px;
}
body main .column-2 .block-5 p {
  padding: 5px 20px;
  text-indent: 40px;
  text-align: justify;
  font-size: 18px;
}
body main .column-3 {
  background-image: url('../images/chips2.webp');
  background-attachment: fixed;
  position: relative;
  background-position: left;
}
body main .column-3::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 33%;
  min-height: 100%;
  background: linear-gradient(to right, black, transparent);
  z-index: 1;
  /* Umieść gradient pod elementem block1 */
}
@media screen and (max-width: 1500px) {
  body main .column-3::before {
    width: 16%;
  }
}
@media screen and (max-width: 1200px) {
  body main .column-3::before {
    display: none;
  }
}
body footer {
  width: 100%;
  height: 5vh;
  background-color: #000;
  color: #fff;
  font-size: 10px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  position: relative;
  z-index: 2;
  border-top: #e5b02f 1px solid;
}
@media screen and (max-width: 600px) {
  body footer {
    grid-template-columns: repeat(1, 1fr);
    gap: 0px;
  }
}
@media screen and (max-width: 600px) {
  body footer p {
    margin: 0;
  }
}
body footer div {
  display: grid;
  place-items: center;
}
body footer div #company {
  font-weight: bold;
  text-transform: uppercase;
}
body footer #support {
  color: #fff;
}
body footer #support a {
  color: #fff;
  text-decoration: none;
}
/*# sourceMappingURL=style.css.map */