.masonry {
  max-width: 100%;
  column-count: 4;
  column-gap: 15px;
  column-fill: balance;
}
/* nejde ie 11
 .flex {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 15px;
 
 
}*/

.flex 
{
 
	display: flex;
	/*flex-wrap: wrap;*/
flex-flow: row wrap;
	/*flex-direction: row;*/
	/*width: 100%;*/
	align-content: flex-start ;
justify-content: flex-start ;
margin-right:-7.5px;
 margin-left:-7.5px;
}

.brick 
{ /* Masonry bricks or child elements */
	display: block;
	position:relative;
 margin-bottom: 15px ;
	width: 100%;
	overflow: hidden;

	
}
.brick2 
{ /* Masonry bricks or child elements */
  position:relative; 
 
	/*flex:1 0 20%;*/
flex-basis: 25%;
	overflow: hidden;
	
	

box-sizing: border-box;
}

 
/* Masonry on large screens */
@media only screen and (min-width: 1024px) {
  .masonry {
    column-count: 5;
  }
.brick2
{
flex-basis: 25%;
}
 
}

/* Masonry on medium-sized screens */
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .masonry {
   column-count: 4;
  }
 .brick2
{
flex-basis: 33.33%;
}
}

/* Masonry on small screens */
@media only screen and (max-width: 767px)   {
  .masonry {
    column-count: 3;
  }
 .brick2
{
 flex-basis: 50%;
}
}
 
/*gradient přes proužek nad článkem*/
.stripgradient {
  display:inline-block;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 10%,rgba(255,255,255,1) 100%); /* W3C */ 
}
/*******************************SEZNAMY********************************************/
 
ul {
  list-style: none;
  padding-right: 20px;
}
ul li {
  padding-left: 1.3em;


  list-style-type: none;
}

ul li:before {
content: '';
  display: inline-block;
  height:15px;
  width:15px;
padding-right:10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image:  url('../picz/kolecko_dark.png');
//margin-left: -35px;
}
/*
color:#FF5733; 
  content: "\f10c"; /* FontAwesome Unicode  
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li  
  width: 1.3em; /* same as padding-left set on li */



/**********************************************FORMULARE***************************/
 
.input_text
{
    width:100%;
    border:1px solid #c0c0c0;
    padding:6px 12px;
       font-family: inherit;
   font-size: inherit;
}

.input_button
{
   color:#fff;
    border:0px solid #c0c0c0;
    padding:6px 12px;
    background-color:black;  
       font-family: inherit;
   font-size: inherit;white-space: nowrap;
    border:1px solid white;

}
.input_button:hover
{
   color:#fff;
 
    border:1px solid #c0c0c0;
    padding:6px 12px;
    background-color:black;  
       font-family: inherit;
   font-size: inherit;white-space: nowrap;

}

.input_textarea
{
    width:100%;
    border:1px solid #c0c0c0;
    padding:6px 12px;
       font-family: inherit;
   font-size: inherit;
}

.form-group{
    margin-bottom:15px;}



/*****************************TEXTY****************************/
 


 h1 {
    font-weight:700;
color:#000;
 font-size:36px;
line-height:100%;
padding-top:0px;
text-transform: uppercase;
}
 h2 {
    font-weight:100;
 font-size:24px;
}
 
.greentext
{
color:#c0c0c0;    
    
}
.graytext
{
color:#333;    
    
}
.lighttext
{
color:#666;    
    
}

.bold{
    font-weight:600;
}

.zvyrazneni{
    font-weight:600;
}
.center {text-align:center;}


/***********************BOXY********************************/
.kontakt
{border:0px solid red;
width:50%;
float:left;
text-align:left;
 
min-height:200px;
min-width:400px;
}

.kontakt .telefon
{
display:block;font-size:200%;padding-bottom:0px;    
}



 



 

.group h1
{color:#333;}







.back2top {
position:relative;
    height: 40px;
    margin-top:60px;
    line-height: 40px;
    display: block;
    text-align: right;
    vertical-align: middle;
    margin-right:2%
}

 /******************ODKAZY*/

.back2top a {
    padding-right: 50px;
    display: inline-block;
    background: url('../picz/sipka.png') top right no-repeat transparent;
    background-size: 40px 40px;
    text-decoration: none;
    border: 0;
    outline: 0;
}

a{color:#FF5733; text-decoration:none;}


 
a:hover
{
text-decoration:none;
    font-weight:bold;
}