html {
  scroll-behavior: smooth;
}
body {
  font-family: "Open Sans", sans-serif;
  background-color: white;
  background-image: url("bg.png");
  background-repeat: no-repeat;
  background-position: 70% 85%;
  background-attachment: fixed;
  text-align: center;
}
header {
  position: fixed;
  width: 110%;
  overflow: hidden;
  margin: 0 -1em 0 -1em;
  padding: 0.5em auto;
  text-align: center;
  background-color: white;
  top: 0px;
  z-index: 1;
  box-shadow: 3px 0px 8px gray;
}
#page {
  width: 850px;
  top: 8.5em;
  position: relative;
  margin: 5em auto;
  text-align: center;
  z-index: 0;
  padding-bottom: 8em !important;
}
h1 {
  display: none;
}
#logo {
  width: 500px;
  margin: 0.8em auto 0.65em auto;
  position: relative;
  left: -90px;
}
address {
  text-align: center;
  font-size: 1.25em;
  font-style: normal;
  margin-bottom: 3em;
}
address span {
  margin-bottom: 0.25em;
  background-color: color(display-p3 0.115 0.159 0.259);
  color: white;
  padding: 0.2em 0.75em;
  display: inline-block;
  border-radius: 8px;
}
#street {
  margin: 1.5em 1em 0.75em 1em;
}
#email {
  margin-bottom: 1em;
}
.phone {
  font-size: 1.75em;
}
a {
  color: white;
}
h2 {
  margin-top: 1em;
  margin-bottom: 0.25em;
  font-family: "Marcellus SC", serif;
  font-size: 2em;
  text-transform: uppercase;
  font-weight: 500;
  color: color(display-p3 0.115 0.159 0.259);
}
#obsluga-prawna {
  margin-top: 2em;
}
#prawnicy-photo {
  margin-top: 2em;
}
hr {
  color: rgb(143, 143, 143);
  margin: 2em auto;
  width: 100px;
}
img.photo {
  margin: 0em auto 2em auto;
  width: 500px;
  border-radius: 8px;
  border: 1px solid color(display-p3 0 0.159 0.259);
}
p {
  margin: 0 2em;
  font-family: Marcellus;
  color: rgb(107, 107, 107);
  font-size: 1.1em;
  line-height: 1.45em;
}
ul {
  margin: 2em 0em 4em 0em;
  padding: 0;
}
li {
  margin: 0.5em 2em;
  font-family: Marcellus;
  color: rgb(107, 107, 107);
  font-size: 1.1em;
  line-height: 1.45em;
  list-style-type: none;
  padding: 0;
}
#street a {
  text-decoration: none;
}
h2:target {
  color: white;
  background-color: color(display-p3 0.115 0.159 0.259);
  border-radius: 8px;
}
h2:target + p,
#kancelaria:target p,
#obsluga-prawna:target p,
#obsluga-prawna:target li {
  color: black;
}
#pomoc-prawna {
  margin-top: 3em;
}
strong {
  font-weight: 700;
  color: black;
}
:target {
  scroll-margin-top: 5em;
}
h3 {
  margin-top: 1em;
  margin-bottom: 0.25em;
  font-family: "Marcellus SC", serif;
  font-size: 2em;
  text-transform: uppercase;
  font-weight: 500;
  color: color(display-p3 0.115 0.159 0.259);
}
h3 span {
  font-size: 0.45em;
  display: block;
}
#prawnicy {
  display: table-row;
  width: 100%;
  text-align: left;
}
.prawnik {
  display: table-cell;
  width: 48%;
  padding-bottom: 2em;
  padding-left: 2em;
}
.prawnik p {
  margin-bottom: 0.8em;
  margin-left: 0;
}
#prawnik {
  width: 280px;
  float: left;
  margin-right: 25px;
}
@media (min-width: 300px) and (max-width: 750px) {
  #page {
    width: auto !important;
    margin-top: 1em;
    margin-bottom: 5em;
  }
  #pomoc-prawna {
    width: auto;
  }
  #logo {
    width: 75%;
    left: 0px;
  }
  #street {
    font-size: 0.75em !important;
  }
  .photo {
    width: 300px !important;
  }
  #prawnicy {
    display: block;
    width: 100%;
  }
  .prawnik {
    display: block;
    width: 100%;
    margin: 1em auto;
    text-align: center;
    padding-left: 0;
  }
  .prawnik p {
    padding-left: 1em;
  }
  #prawnik {
    width: 75%;
    display: block;
    float: none;
    margin: 50px auto 10px auto;
  }
}