@import url('https://fonts.googleapis.com/css2?family=Langar&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

body {
  font-family: Roboto,sans-serif;
  /*background-color: #1a1a1a;*/
}
h1 {
  color: #ffffff;
  font-size: 3.5em;
  font-weight: bold;
  font-family: 'Langar', cursive;
  font-family: 'Oswald', sans-serif;
  text-align: right;
}
.parallax-window {
  /*min-height: 400px;*/
  padding-top: 2em;
  padding-bottom: 8em;
  background: transparent;
}
#uvod {
  min-height: 330px;  
  margin-top: -100px;
  position: relative;
}
#uvod .card {
  background-color: #ffffff;
  /*border: 5px solid #ffffff;/*#1a1a1a;*/
  min-height: 300px;
  border: 8px solid rgb(255, 255, 255);
}
#uvod .card-body {
  padding: 0.5em 0em;
}
#uvod .card-title {
  text-transform: uppercase;
  color: #5E694B;
}
#uvod .card-text {
  /*text-align: justify;*/
}
#uvod_list li {
  font-size: 1.25em;
}
#uvod_kontakty {
  background-color: #333333;
  min-height: 200px;
}
#pata {
  background-color: #1a1a1a;
  min-height: 60px;
}


/* Large devices - screen-lg (šíøka mensi než 1200px) */
@media (max-width: 1199px) {

}


/* Medium devices - screen-md (šíøka mensi než 992px) */
@media (max-width: 991px) {


}

/* Small devices - screen-sm (šíøka mensi než 768px) */
@media (max-width: 767px) { 

h1 {
  color: #ffffff;
  font-size: 2.4em;
  text-align: center;
  font-weight: bold;
  font-family: 'Langar', cursive;
  font-family: 'Oswald', sans-serif;
}
#uvod_list {
  text-align: center;
}

}


/* Extra small devices - screen-xs (šíøka mensi než 576px) */
@media (max-width: 575px) { 

}

@media (max-width: 350px) { 


}