/*--zmena textu motivu---*/
#motto p#motto-title { /*prvni radek*/
    color: #ffffff; /*barva pisma*/
    font-size: 65px;  /*velikost pisma*/
    background-color: rgba(0,0,0,0.3); /*barva pozadi, posledni hodnota je pruhlednost (cim nizsi, tim pruhlednejsi*/
}

#motto #motto-text {   /*druhy radek*/
    color: #e8e8e8;
    font-size: 35px;  /*velikost pisma*/
    background-color: rgba(0,0,0,0.3);
}
/*--konec zmeny---*/

#motto p#motto-title {
    margin: 150px auto 0px auto;
    color: #ffffff;
    background-color: rgba(0,0,0,0.3);
}
/*--zmena nahodneho obrazku na fotogalerii--*/
h3.panel-title {
  visibility: hidden;
}
#panel-photos h3:before {
  content: "Fotogalerie";
  visibility: visible;
}

/*---konec zmeny---*/


#bar-poweredby { display:none; }

.rubrika img {  /* uprava obrazku viz. vysivky rubrika */
  float: left;
  margin: 10px;
  width: auto;
  display: inline-block;
}

.thumbnail a > img, .thumbnail > img { /* uprava ikon na uvodni strance */
  width: 40%;
  min-width: 10%;
}


/* ============= bloky =============*/


/*----- zobrazení prvků při rozlišení: ----*/
@media (min-width: 768px) {
  .sluzby .thumbnail {min-height:100px;} 
}
@media (min-width: 992px) {
  .sluzby .thumbnail {min-height:100px;} 
}
@media (min-width: 1200px) {
  .sluzby .thumbnail {min-height:100px;} 
}


@media screen and (max-width:768px) {
  .sluzby .thumbnail{min-height:auto!imporatant;}
}

@media screen and (max-width:20em) {
  .box {with: 100%}
}