@import url('https://fonts.googleapis.com/css2?family=Francois+One&display=swap');

.small_caps {
  font-variant: small-caps;
}
.tab-pane {
  min-height: 200px;
  padding: 10px 15px;
}
#pills-tab {
  border: 3px solid #F8F9FA;
  padding: 10px 5px;
  background-color: #ffffff;
}
#top {
  background-image: url("../images/top.jpg");
  height: 750px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  color: #ffffff;
  padding-top: 100px;
  text-align: center;
}
#top h1 {
  font-family: 'Francois One', sans-serif;
  font-size: 5em;
  line-height: 1.8em;
}
#top h1 span {
  font-size: 1.4em;
}
#top p {
  font-size: 2.2em;
  margin-top: 20px;  
}
.termin {
  font-size: 1.5em;
  margin-top: 150px;
  color: yellow;
}
#propozice {
  color: #6e6e6e;
  font-size: 1.4em;
}
#propozice strong {
  color: #2b2b2b;
  text-align: right;
  display: block;
}
#propozice div {

}

/* Large devices - screen-lg (šíøka mensi než 1200px) */
@media (max-width: 1199px) {
  
#top {
  font-size: 0.8em;  
  height: 600px;
  padding-top: 80px;
}
.termin {
  margin-top: 100px;
}

}


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

#top {
  font-size: 0.8em;  
  height: 400px;
  padding-top: 45px;
}
.termin {
  display: none;
}


}

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

#top {
  font-size: 0.62em;  
  height: 350px;
  padding-top: 45px;
}
.termin {
  display: none;
}
#propozice strong {
  text-align: left;
}
}


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

#top {
  font-size: 0.50em;  
  height: 350px;
  padding-top: 45px;
}
.termin {
  display: none;
}

}

@media (max-width: 450px) { 

#top {
  font-size: 0.44em;  
  height: 300px;
}

}