img{
    width: auto;
    height: 2rem;
    display: block;
    margin: 1rem;
}
html {
    font-size: 1.52vw;
}
h1,h2,h3,h4{
    font-family: "lora", 'Times New Roman', Times, serif;
}
h1{
    font-size: 2.5rem;
}
h2{
    font-size: 2rem;
    color: #545871;
    font-weight: 700;

}

h3{
    font-size: 1.5rem;
    color: #4992f7;
}
h4{
    font-size: 1.1rem;
}
h5{
    font-size: 0.8rem;
    color: #9597A6;
    font-weight: 400;
}
p{
    color: #0A3D62;
    font-weight: 300    ;
}
body{
    line-height: 1.4545;
    padding-top:  5rem;
}
#odsazeni{
    height: 18.9rem;
}
#seznam{
    display: inline;
    width: 9.6rem;
    height: 11.5rem;
    font-size: 0.5rem;
    position: fixed;
    top: 15rem;
    right: 0;

}
#seznam ul{
    list-style-type:none;
}
.malypismo{
    font-size: 0.8rem;
    color: #9597A6;
}
.tecky{
    color: #0A3D62;
    font-weight: 300    ;
}
.tecky ul {
    list-style: none;
  }
  
.tecky ul li::before {
    content: "\2022";
    color: #2B91FF;
    font-weight: bold;
    display: inline-block; 
    width: 1em;
    margin-left: -1em;
  }
 .cisla{
     font-size: 2.7rem;
     color: #0A3D62;
     height: 10rem;
 }
  .kostka{
      font-family: "lora, 'Times New Roman', Times, serif";
      margin-top: 0.5rem;
      height: 17.3rem;
      background-color: #FAFAF9;
      
  } 
  .kostka p{
      text-align: right;
  }
  .moc{
      text-align: justify;
      color: #707070;
      font-size: 0.8rem;
      padding-bottom: 10rem;

  }
  a{
      text-decoration: none;
  }
  .col-10{
      background-image: url("../img/papermill-8.png") ;
  }
  #offcanvasNavbar{
      width: 100vw;
      
      background-color: #2B91FF;
      
  }
  #offcanvasNavbar a{
      color: white;
  }