/*uprava velikosti loga*/

.logo {
  max-width: 300px;
}

.logo img {

  max-height: 120px;
  max-width: 300px;
}
@media (min-width:992px) {
  #navbar {
    width: calc(100% - 300px);
  }
}

@media (max-width:992px) {
  #index .navbar-default {position:relative}
  .logo img { max-width: 100%;}
}

ul.nav {
  padding: 20px 0;
}

li {
  margin-top: 10px;
}

/*uprava hlaviho nadpisu*/
h1 {
  margin-top:10px!important;
  margin-bottom:25px!important;
  color:#666666!important;
  text-shadow:none!important;
}


/*fixni menu jen pro uvod, kde je motiv*/
header {position:sticky}
#index header {position:fixed}

@media (max-width:992px) {
  #index header {position:sticky}

}

/*perex kategorie e-shopu*/
.item-eshop-category .description {
  display:none
}
/**/
#motto {
  margin-top: 16%;
}


#index #motive {
    padding-top: 10rem;
    text-align: left;
}

#index #motive .container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
 margin-top: 120px;
}

@media (max-width: 991px) {
    #index #motive {
        padding-top: 0;
    }

    #index #motive .container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }

    #index #motive #motto {
        margin-right: 2rem;
        margin-left: 2rem;
    }
}

@media (max-width: 575px) {
    #index #motive {
        height: 100vh;
        max-height: 100%;
        margin-bottom: 0;
    }
}