@import url('https://fonts.googleapis.com/css?family=Ubuntu&display=swap');
*{
    text-align: left;
    font-family: 'Ubuntu', sans-serif;
}
header{
  width:100%; 
  background:#183560; 
  color:white;
  padding:0;
}
a{
  color:#486590;
}
a:hover{
  color:#183560
}
h1{
  font-size: 4.5em; 
  text-align: center;
  margin:0;
}
.podnadpisText{
  font-size: 2.5em;
  text-align: center;
}
.podnadpis{
  background:#486590;
  width:100%;
}
p{
  margin:0;
  margin-left:20%;
  font-size: 1.1em;
}
.odsazeni{
  margin-left:20%;
}
.odsazeniTable{
  width: 60%;
  margin-left:40%;
}
.odsazeniTable2{
  width: 60%;
  margin-left:10%;
}
.hlavicka{
  background:#183560 !important;
  color:white !important;
}
.noDeco{
  text-decoration: none; color: black;
}
.noDeco::before, .bullet::before{
  content: "•";
  display: inline-block;
}
.noDeco:hover{
  text-decoration: underline; 
  color:#183560;
}
.reference{
  font-size:1.1em;
}
@media only screen and (max-width: 850px){
  h1{
    font-size: 4.5em;
  }
  .podnadpisText{
    font-size: 1.6em;
  }
}
@media only screen and (max-width: 550px){
  h1{
    font-size: 3.5em;
  }
  .podnadpisText{
    font-size: 1.3em;
  }
  .odsazeni{
    margin-left: 0;
  }
  p{
    margin-left: 0;
  }
  .odsazeniTable{
    margin-left:0
  }
  .odsazeniTable2{
    margin-left:0
  }
}
@media only screen and (max-width: 767px){
  .odsazeniTable{
    margin-left:0;
  }
  .odsazeniTable2{
    margin-left:0;
  }
}
@media only screen and (max-width: 575px){
  .odsazeniTable{
    width:100%;
  }
  .odsazeniTable2{
    width:100%;
  }
}
@media only screen and (max-width: 400px){
  h1{
    font-size: 2em;
  }
  .podnadpisText{
    font-size: 1em;
  }
}
.table{
  width:60%
}
.table>thead{
  background-color: #183560;
  color: white;
}