div.gridplatforma{
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  
  gap: 1vw;
  margin: 0 auto;
  width: 80%;
}

div.itemicon{
  width: 5vw;
  text-align: center;
  margin: 0 auto;
}

h4.ikony{
  font-size: 12px;
  margin-top: -0.1vh;
  font-weight: 500;
}

img.icon{
  width: 4vw;
  margin: 0 auto;
}
.tabs li{
  color: #243907;
  background-color: white;
  border:0.1rem solid;
  font-weight: 500;
  border-radius: 20px;
  width: auto;
  text-align: center;
  font-size: 16px;
  margin-top:15%;
}
[data-tab-content] {
display: none;
}

.active[data-tab-content] {
display: block;
}

.tabs {
display: flex;
position:relative;
align-items: center;
justify-content: space-evenly;
list-style-type: none;
padding: 0;
width:80%;
margin-top: 0%;
margin-bottom: 5vw;
margin-left: 10%;
z-index:5;


}


.tab {
cursor: pointer;
padding: 10px;
}

.tab.active {
background-color: #243907;
color: white;
}

.tab:hover {
background-color: #243907;
color: white;
}

.tab-content {
margin-left: 40px;
margin-right: 40px;
align-items: center;
justify-content: center;
}

@media screen and (max-width: 990px) {
div.itemicon{
  text-align: center;
  
  width: 100%;
}


  li{
    font-size: 12px;
    width: 20vw;
    margin-right: 2vw;
  }

  div.gridplatforma{
    margin: 0 auto;

    gap:0;
    row-gap: 1vh;
    grid-template-columns: auto auto auto auto;
   width: 100%;
  }

  img.icon{
    width: 10vw;
  }

  h4.ikony{
  font-size: 11px;
  }
}