/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700&subset=latin-ext');

body{font-family: 'Amatic SC', cursive; font-size: 2.8em;}

h1{font-size: 180%;}
h2{font-size: 152%; margin:0; padding-top: 20px; padding-bottom: 10px;}

.navbar{padding-top: 40px;}
.navbar-default{background-color: white; border: none;}
.navbar-brand{height: 42px; padding: 0 0;}
.navbar-default .navbar-nav > li > a:hover{text-decoration: underline !important;}
.navbar-default .navbar-nav > li:hover{ padding-bottom: 5px !imporant;}


.hadanka-nadpis{background-color: #dfeeeb; color: #009a7c;}
.hadanka-error{background-color: #f8d7da; color: #009a7c; padding: 10px 15px;}
.hadanka-body{background-color: #eaeced; padding: 15px 0;}
.hadanka-input{margin-bottom: 10px;}
.hadanka-napoveda{color: #009a7c; text-decoration: underline;}
.hadanka-button{padding: 135px 0;}
.hadanka-button-oneline{padding-top: 61px; padding-bottom: 61px;}
.sifra-nazev{color: #7e8b8c; font-size: 110%;}
.btn-lg{line-height: 1.4;}

ul{margin-bottom: 40px;}
ul li{list-style: none; margin: 6px;}

.btn-primary{background-color: #009a7c; color: white;}

.cvicebnice-heading{font-size: 120%; text-align: center;}
.cvicebnice-button{margin: 50px 0;}

.footer{background: #d9dcde;}
.footer-contact{font-size: 112%; line-height: 2.5em; padding: 49px 0;}
.foot-image{position: absolute; top: -76px;}

.form-control{border-top: 0; border-left: 0; border-right: 0; border-bottom: 4px solid #d1d6d7; border-radius: 0; box-shadow: none; background: #eaeced; font-size: 85%; text-align: center; padding: 0 12px;}

.blok-1, .blok-2, .blok-4, .blok-5, .blok-6{margin-top: 150px; margin-bottom: 150px;}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}

@media (min-device-width: 640px)  {
  .btn-primary{background-color: #009a7c; color: white; font-size: 87%;}
  .cvicebnice-button{margin: 50px 0; padding: 10px 70px; font-size: 105%;}
  
}

@media (max-device-width: 663px)  {
  .footer-contact{ text-align: center;}
  .blok-1, .blok-2, .blok-4, .blok-5, .blok-6{margin-top: 50px; margin-bottom: 50px;}
  .hadanka-button{padding: 42px 0;}
  .nav{text-align: right;}   
}