#list-pages li.media { /* úprava boxu */
  width: 48%; /* šířka boxu */
  display: inline-block; /* umožní zobrazení prvků vedle sebe */
  background: #fbfbfb; /* pozadí boxu */
  border: 2px solid #EAEAEA; /* rámeček */
  border-radius: 7px; /* zaoblení rámečku */
  margin: 7px; /* mezera mezi boxy */
  padding: 15px; /* mezera uvnitř boxu */
  text-align: center; /* zarovnání prvků v boxu */
}

#list-pages h2.subtitle { /* nadpis v boxu */
  margin-bottom: 20px; /* mezera pod nadpisem */
}

#list-pages h2.subtitle a { /* odkaz uvnitř nadpisu */
  text-decoration: none; /* odkaz nadpisu bez podtržení */
  color: #002F6B; /* barva odkazu nadpisu */
  font-size: 18px; /* velikost písma odkazu nadpisu */
}

/*--------responzivita (uvedeno na konci vlastních stylů CSS)----------*/

@media screen and (max-width: 767px) { /* zobrazení pro mobil */ 
  #list-pages li.media { 
    width: 100%;
  }

}

@media screen and (min-width: 768px) { /* zobrazení pro tablet */
  #list-pages li.media { 
    width: 48%;
  }
}

@media screen and (min-width: 992px) { /* zobrazení pro malý notebook */
  #list-pages li.media { 
    width: 31%;
  }
}

@media screen and (min-width: 1200px) { /* zobrazení pro monitor */
  #list-pages li.media { 
    width: 48%;
  }
}