.playfair-display-body {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: normal;
}

.bg-black {
    background-color: #000;
    background-image:url("img/bg__index.webp"); 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
}
.container {
  __display: flex;
  __flex-wrap: wrap;
  __flex-direction: row;
  __justify-content: center;
  __align-items: center;
  __align-content: center;
  text-align: center;
  margin: 0;
  padding: 0;
}
.item {
  __flex: 0 0 auto;
  __margin: 5px;
  __outline: 1px solid black;
  __outline-offset: -1px;
    max-width: 100%;
}
.container .top-site {background-color: #fff; height: 2rem; margin: 0  0 5rem 0;}
h3.top-site { color: #000; font-size: 2rem; padding: .7rem 0; text-transform: uppercase; }
.tresc h4 { font-size: 1.8rem;text-transform: uppercase; display: block; margin-bottom: 3%;}
.container .tresc {color: #fff; font-size: 1.4rem; padding: 0 auto; font-weight: bold;}
.ramka {width: 45%; border-bottom: #fff solid 1px; border-top: #fff solid 1px; display: block; margin: 5% auto 2%; padding: 3% 0; }
.opis-txt ul {width: 40%; text-align: left; display: block; margin: 0 auto; padding-left: 3%;}
.tresc {margin-bottom: 5rem;}
.tresc a {text-decoration: none; color: #fff;}
.tresc a:hover {text-decoration: underline;}