body
{
   margin: 0px 12px;
   padding: 0px;

   font-family: Noto Sans, Arial, Tahoma;
   text-align: justify;
   background-color: #FF7400;   
}

*#naglowek, .menu, .blok-tekstu, *#stopka
{
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 12px;
   margin-bottom: 0px;
   
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 0px;
   padding-bottom: 0px;

   border-radius: 20px;
   border: 2px solid red;   
   color: #000000;
   background-color: #FF9A00;   
   display: inline-block;
}

*#naglowek, *#stopka
{
   text-align: center;
}

*#naglowek a, *#stopka a
{
   text-decoration: none;
}

h1 a, .menu a
{
   text-decoration: none;
   color: black;
}

.menu a:hover
{
   color: red;
   font-weight: bold;
}

span
{
   display: block;
}

h1, h2, h3, h4, p, a
{
   margin: 0px;
   padding: 0px;
}

.menu ul, .menu ol
{
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}

ul, ol
{
   margin-top: 0px;
   margin-bottom: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
}

code
{
   font-weight: bold;
}

table, th, td
{
   border: 1px solid;
   border-collapse: collapse;
}

@media only screen and (min-device-width: 1000px)
{
   #masonry-container
   {
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2;
   }
}

@media only screen and (min-device-width: 1500px)
{
   #masonry-container
   {
      -moz-column-count: 3;
      -webkit-column-count: 3;
      column-count: 3;
   }
}

@media only screen and (min-device-width: 2000px)
{
   #masonry-container
   {
      -moz-column-count: 4;
      -webkit-column-count: 4;
      column-count: 4;
   }
}