/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 15 2019 | 08:04:13 */
.row-flex {
  /*margin: 20px auto;*/
  max-width:100%;
 
  display: flex;
  flex-wrap: wrap;
}
.row-flex div {  
  flex: 1 1 100px;
    color: white;
    /* font-weight: lighter; */
    font-weight: 100;
    text-align: center;
    line-height: 1.18;
 
  padding: 12px;
  font-size: 30px;
  text-transform: uppercase;
  font-family: 'Source Sans Pro', Verdana, sans-serif;
   min-width:100%;
  	min-height: 100%;
  
  display:flex;
  justify-content:center;
  align-items:center;
 
  
   
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,4d4d4d+100 */
background: rgb(51,51,51); /* Old browsers */
background: -moz-linear-gradient(left, rgba(51,51,51,1) 0%, rgba(77,77,77,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(51,51,51,1) 0%,rgba(77,77,77,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(51,51,51,1) 0%,rgba(77,77,77,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#4d4d4d',GradientType=1 ); /* IE6-9 */

  
  
}

.row-flex a {  
  flex: 1 1 100px;
    color: white;
    /* font-weight: lighter; */
    font-weight: 100;
    text-align: center;
    line-height: 1.18;
 
  
  font-size: 30px;
  text-transform: uppercase;
  font-family: 'Source Sans Pro', Verdana, sans-serif;
   min-width:200px;
  	min-height: 150px;
  
  display:flex;
  justify-content:center;
  align-items:center;
 
  
    /*background: url(https://test1.webing.cz/wp-content/uploads/2019/03/background.png);
    background-repeat: no-repeat;
    background-size: auto;*/
  background: -moz-linear-gradient(1deg, rgba(38,38,38,1) 0%, rgba(128,128,128,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(38,38,38,1)), color-stop(100%, rgba(128,128,128,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(1deg, rgba(38,38,38,1) 0%, rgba(128,128,128,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(1deg, rgba(38,38,38,1) 0%, rgba(128,128,128,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(1deg, rgba(38,38,38,1) 0%, rgba(128,128,128,1) 100%); /* ie10+ */
background: linear-gradient(89deg, rgba(38,38,38,1) 0%, rgba(128,128,128,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#808080',GradientType=1 ); /* ie6-9 */

  
  
}

/*https://www.webdesignerdepot.com/2018/09/grid-vs-flexbox-which-should-you-choose/*/
/* Grid row styles */
.row-grid {
  margin: 40px auto;
  
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}
.row-grid div {
  border: 1px dashed gray;
  text-align: center;
  padding: 12px;
}

.row-grid a {
  border: 1px dashed gray;
  text-align: center;
  padding: 12px;
}

.grow {
    font-size: 300;
  height:100%;
    transition: all .2s ease-in-out;
    background-color: gray;
}
.grow:hover {
    transform: scale(1.1);
    background: #42A62A;
    z-index: 998;
  	height:100%;
}

.grow:hover .biggerText{
   font-weight:900;
  height:100%;
}



div.selected { 
   
    transform: scale(1.1);
    background: #42A62A;
    z-index: 998; 
	height:100%;
}
.selected .biggerText{
  font-weight: 1000;
  
}


@media (max-width: 992px) {
div.selected {   
    background: #42A62A;
    z-index: 998; }
.grow:hover {   
    background: #42A62A;
    z-index: 998;
}
  
}

.menustranky {
	margin 0 ;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
}