/* ============= text v motivu =============*/
#motto p#motto-title { 
  margin: 100px auto 0px auto; 
}    /* umístění textu motivu a podtextu */

#motto #motto-title { 
  color: #fff; 
  font-size: 6em; 
  font-weight: 1200; 
  text-shadow: -1px 2px 5px rgba(0, 0, 0, 0.22); 
}  /* vlastnosti textu motivu */

#motto #motto-text { 
  color: #000; 
  font-size: 50px; 
  text-transform: uppercase; 
  font-weight: bold; 
  width: 50%; 
  margin-left: auto; 
  margin-right: auto; 
  text-align: left; 
}    /* vlastnosti podtitulku textu motivu */

#motto #motto-text { 
  color: #1c3e69; 
}  /* změna barvy textu podtitulku */

#contactus {display:none;}   /* skrytí prvků stránek */
#bar-poweredby { display:none; }

/*---uprava dlazdic---*/
.cardbox {
  background-color: transparent;
  text-align: center;
}
/*---konec upravy---*/


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

#separator { background-image: url("/obrazek/3/separator-jpg/"); 
  background-position: center center; }   /* separátor v box 1 */



/* ============= 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 {width: 100%}
}