html, body {
  height: 100%;
  scroll-behavior: smooth;
}

body {
  
  -ms-flex-align: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
  background-image: url('wallpaper.jpg');
  display: block;
  background-attachment:scroll;
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto; 
  
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.bg {
  /* The image used */
  background-image: url('wallpaper.jpg');

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.masthead{position:relative;
         width:100%;
         height:auto;
         min-height:35rem;
         padding:10rem 0 43rem 0;
         /*background:-webkit-gradient(linear,left top,left bottom,from(rgba(22,22,22,.1)),color-stop(75%,rgba(22,22,22,.5)),to(#161616)),url(../img/bg-masthead.jpg); */
         /*background:linear-gradient(to bottom,rgba(22,22,22,.1) 0,rgba(22,22,22,.5) 75%,#161616 100%),url(../img/bg-masthead.jpg);*/
         background-position:center;
        background-repeat:no-repeat;
        background-attachment:scroll;
        background-size:cover
}
.aplikace{position:relative;
         width:100%;
         height:auto;
         min-height:35rem;    
         padding:2.27rem 0 0rem 0;   
}
.aplikace,span{vertical-align: middle;
}
#contact {
    background-color: #cccccc;
}

#about {
    background-color: #999999;
}
#register {
       display: none; 
}
#signin {
    display: block;
}

#mainNav{min-height:56px;background-color:#fff}
#mainNav .navbar-toggler{font-size:80%;padding:.75rem;color:#cccccc ;border:1px solid #cccccc}
 #mainNav .navbar-toggler:focus{outline:0}
 #mainNav .navbar-brand{color:#161616;font-weight:700;padding:.9rem 0}
 #mainNav .navbar-nav .nav-item:hover{color:fade(white,80%);outline:0;background-color:transparent}
 #mainNav .navbar-nav .nav-item:active,
 #mainNav .navbar-nav .nav-item:focus{outline:0;background-color:transparent}
 
 @media (min-width:992px){#mainNav{padding-top:0;padding-bottom:0;border-bottom:none;background-color:white;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out}
                          #mainNav .navbar-brand{padding:1.5rem 0;color:black}
                          #mainNav .nav-link{-webkit-transition:none;transition:none;padding:2rem 1.5rem;color:black}
                          #mainNav .nav-link:hover{color:#999999}
                          #mainNav .nav-link:active{color:#fff}
                          #mainNav.navbar-shrink{background-color:#fff}
                          #mainNav.navbar-shrink .navbar-brand{color:#161616}
                          #mainNav.navbar-shrink .nav-link{color:#161616;padding:1.5rem 1.5rem 1.25rem;border-bottom:.25rem solid transparent}
                          #mainNav.navbar-shrink .nav-link:hover{color:#64a19d}
                          #mainNav.navbar-shrink .nav-link:active{color:#467370}
                          #mainNav.navbar-shrink .nav-link.active{color:#64a19d;outline:0;border-bottom:.25rem solid #64a19d}}