body {
  background-color:white;
  color:black; 
  font-size:0.8rem;     
}

@media only screen and (min-width: 992px) {
  .topnavhide {
    display:none;
  }

  .kniha {
    background: white url("../../../images/bg.jpg") no-repeat center top;
    background-size:100%; 
  }
  
  h1 {
   margin-left:60px;
  }
  
  .lead {
    margin-left:50px;
  }
  
  body {
  margin-top:15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .obsah li {
   padding:8px 5px 8px 30px!important;
  }
    
   .main {
   font-size:0.7rem;
  }
  
  .page {
   padding-bottom:0!important!;
  }
   
  .blockquote {
   font-size:1rem!important;
   padding-left:40px;
  }
  
  h2 {
   margin-top:30px!important;
  }
  
  .subnav li a {  
  padding: 8px!important;
  }
  .obsah {
   font-size:0.9rem!important;
  }  
}

@media only screen and (max-width: 991px) {
  .obsah {
    display:none;
  }
  
  .lead {
    display:none;
  }
  
  .main {
   padding:15px!important;
  }
  
  h2 {
   margin-top:20px!important;
  }
  
  .page {
   display:none;
  }
   
  h1 {
   font-size:1.8em;
  }
   
  .blockquote {
   padding-left:0!important;
  }
  
  .bg-dark {
   background-color:#663300!important;
  }
  
  body {
   background: white url("../../../images/bg-mobile.png") repeat; 
  }

}

h1 {
   font-size:2.6em;
   font-family: "MonotypeCorsiva";
   color: #e6b800;
   font-weight:bold;
   text-shadow: 1px 2px #999;
   margin-top:50px;
   margin-bottom:20px;
}

@font-face {
  font-family: "MonotypeCorsiva";
  src: url("../../../fonts/monotype.ttf");
}

h2 {
   font-size:1.7em;
   font-family: "MonotypeCorsiva";
   color:#996600;
   font-weight:bold;
   margin-top:45px;
   margin-bottom:20px;
}

h3 {
   font-size:1.3em;
   color:#996600;
   font-weight:bold;
}


.obsah {
   font-family:"Courier New", Courier, monospace;
   font-size:0.97rem;
}

.obsah a {
   color:black;
}

.obsah a:hover {
   color:red;
   text-decoration:none;
}

.obsah li {
   padding:14px 20px 13px 50px;
}

.blockquote {
   color:#663300;
   font-size:1.1rem;
   padding-left:70px;
}

.main {
   padding:15px 110px 15px 20px;
   font-style:italic;
}

.main a {
  color: #996600;
}

.main a:hover {
  color: #996600;
}

.page {
   position:absolute;
   bottom:5px;
   right:110px;
   font-style: normal;
}

.carousel-caption {
    width:100%;
    background-color: rgba(0,0,0,0.4);
    right:0;
    left:0;
    bottom:0;
}

.subnav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #663300;
}

.subnav li {
  float: left;
}

.subnav li a {
  display: block;
  color: white;
  text-align: center;
  padding: 8px 11px;
  text-decoration: none;
}

.subnav li a:hover {
  background-color: #111;
  color:white;
}

.subactive {
  background-color: #CC9900;
}

footer a {
  color: #996600;
}

footer a:hover {
  color: #996600;
}

.meno {
  color: #663300;
  font-weight:bold;
}

.table-bordered tr {
  border:1px solid black;
}

.table-bordered td {
  border:1px solid black;
}

.gdpr {
  color:red;
  border:5px solid red;
  font-size:50px;
  font-weight:bold;
}