/* Site Map Page */
#section-sitemap {
	margin-top: 145px;
	background-color: #22b573;
}
@media screen and ( max-width: 800px ) {
	#section-sitemap {
		margin-top: 56px;
	}
}

.sitemap-container {
  color: #fff;
  display: flex;
  justify-content: center;
  font-size: 15px;
  padding: 10vh 0;
}

.sitemap-container a h1 {
  font-size: 15px;
  font-weight: normal;
  margin: 10px 20px 10px;
  border: 2px #fff solid;
  padding: 10px 15px 10px 18px;
  text-align: center;
  letter-spacing: 3px;
	background-color: #22b573;
  transition: .5s;
}

.sitemap-container a h1:hover {
  color: #22b573;
  background-color: #fff;
  transition: .5s;
}

.sitemap-container h2,
.sitemap-container h3 {
  font-size: 15px;
  font-weight: normal;
  letter-spacing: 3px;
  margin: 0 0 0 40px;
}

.sitemap-container h2::before,
.sitemap-container h3::before {
  content: "●"
}

.sitemap-container a {
  color: #fff;
}

.sitemap-container ul {
  list-style: none;
  margin: 0 20px 30px;
  padding: 0;
}

.sitemap-container ul li {
  margin: 10px 0;
  border: 2px #fff solid;
  padding: 10px 15px 10px 18px;
  text-align: center;
  letter-spacing: 3px;
  background-color: #22b573;
}

.sitemap-container ul a li {
  color: #fff;
  background-color: #22b573;
  transition: .5s;
}

.sitemap-container ul a li:hover {
  color: #22b573;
  background-color: #fff;
}

@media screen and ( max-width: 650px ) {
  .sitemap-container {
    flex-direction: column;
  }
  .sitemap-container h2 {
    text-align: center;
    margin: 0 0 0 -13px;
  }
  .sitemap-container h3 {
    text-align: center;
    margin: 0 0 30px -13px;
  }
}


/* Pravacy Page */
#section-privacy {
	margin-top: 145px;
}
@media screen and ( max-width: 800px ) {
	#section-privacy {
		margin-top: 56px;
	}
}

.privacy-container {
  color: #3e3a39;
  font-size: 15px;
  padding: 10vh 0;
  margin: 0 auto;
}

.privacy-container h1,
.privacy-container h2,
.privacy-container h3 {
  color: #22b573;
  font-size: 16px;
  width: 80%;
  line-height: 2em;
  margin: 0 auto 20px;
  letter-spacing: 3px;
}

.privacy-container p {
  width: 80%;
  line-height: 2em;
  margin: 40px auto 20px;
  letter-spacing: 2px;
  font-size: 14px;
}

.privacy-container ul {
  margin: 40px auto 80px;
  padding: 0;
  width: 80%;
}
.privacy-container li {
  display: flex;
  font-size: 14px;
  line-height: 2em;
  letter-spacing: 2px;
}

.privacy-container hr {
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 2px #cccccc solid;
}