body {
  background-color: #000000;
  color: rgb(0, 255, 55);
}
#landing-section {
  background-image: url("../images/lp-contact-telefon.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  color: white;
  text-align: center;
}
#nadpis-contacts {
  text-align: center;
  font-size: 3rem;
  padding-top: 4rem;
  text-shadow:
    0px 0px 7px rgb(0, 0, 0),
    0px 0px 7px rgb(0, 0, 0),
    0px 0px 7px rgb(0, 0, 0),
    0px 0px 7px rgb(0, 0, 0);
}
#contacts {
  width: 80%;
  margin: auto;
  text-align: center;
  font-weight: 600;
  margin-bottom: 10rem;
}
#history {
  margin-top: 2rem;
  color: white;
  margin-bottom: 10rem;
}
h2 {
  font-size: 2rem;
  margin-top: 2rem;
}
li {
  color: white;
  font-size: 1.2rem;
  font-weight: 600;
}
a,
a:visited {
  color: white;
  text-decoration: none;
  transition: 0.5s;
}
a:hover {
  color: #ff1d1d;
  transition: 0.5s;
}
.smaller {
  font-size: 1.5rem;
}
/*PRO POCITAC*/
/*PRO POCITAC*/
/*PRO POCITAC*/
/*PRO POCITAC*/
/*PRO POCITAC*/

@media (min-width: 1008px) {
  #landing-section {
    background-image: url("../images/lp-contact-pc.jpg");
  }
  #nadpis-contacts {
    text-align: center;
    font-size: 4rem;
    padding-top: 4rem;
  }
  h2 {
    font-size: 2rem;
  }
  li {
    font-size: 1.2rem;
  }
  .smaller {
    font-size: 1.8rem;
  }
}