@font-face {
    font-family: 'Lato';
    src: url('czcionka/lato-bold.woff2') format('woff2'),
         url('czcionka/lato-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('czcionka/lato-regular.woff2') format('woff2'),
         url('czcionka/lato-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
*{
    font-family: Lato, sans-serif;
    text-align: center;
    color: #333;
}
header, footer{
    height: 100px;
}
#naglowek1, #stopka1{
    width: 30%;
    float: left;
}
#naglowek2, #stopka2{
    width: 70%;
    float: left;
    
}
main{
    clear: both;
    background-color: #E0F2F1;
    padding: 100px;
}


section{
    height: 90px;
    overflow: hidden;
}
.miniatury{
    height: 90px;
    float: left;
}
li{
    text-align: left;
}

/* każdy span */
span{
  padding-left: 30px;
}


main span:nth-child(2),
main span:nth-child(11){
  font-size: 200%;
}

main span:nth-child(3),
main span:nth-child(15){
  font-size: 150%;
}

main span:nth-child(4),
main span:nth-child(17){
  font-size: 120%;
}

main span:nth-child(5),
main span:nth-child(21){
  font-size: 170%;
}

main span:nth-child(7),
main span:nth-child(27){
  font-size: 130%;
}

main span:nth-child(9),
main span:nth-child(25){
  font-size: 160%;
}