.services {
  margin-top: 4em;
}

.services article {
  margin: 2rem auto;
  padding: 2em;
  width: 30%;


  border: 1px solid #d0d7de;
  /* Jemná šedá barva */
  border-radius: 6px;
  /* Kulaté rohy */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  /* Decentní stín */
  padding: 16px;
  /* Vnitřní odsazení */
  background-color: #f6f8fa;
  /* Bílé pozadí */
}

.services>header {
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.services>header h1 {
  font-size: 2.5em;
}

.services>header i {
  font-size: 6em;
}




.services article header {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.services article header h1 {
  font-size: 1.25em;
}

.services article header i {
  font-size: 3em;
}

.services div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
}

.services div article main {
  text-align: center;
}





@media only screen and (max-width: 990px) {
  .services article{
    margin: 2em auto;
    width: 80%;
  }
  .services div{
    flex-direction: column;
  }
}