/*  CSS dla pokładu ZALOGA  -  12.7.2020  */

body 
{ background-color: #003F8C;
}

.prawy-box
{ margin-left: 112pt; padding: 0;
}
.prawy-box img
{ max-width: 98%;
  border: 0.8pt solid #F0F0E0;
}

.zalogant
{ margin: 4pt 0;
}
.zalogant img
{ float: left;
  box-sizing: border-box;
  max-width: 112pt;
  margin: 0 10pt 4pt 4pt; padding: 4pt;
  border: 0.8pt solid #FB0600;
  background-color: #FFF8E0;
}
.zalogant h2
{ margin: 10pt 0 0 120pt; padding: 8pt 20pt 0;
  background-color: rgba( 50, 124, 200, .75 );
  font-size: 18pt; 
  font-family: Arial, Verdana, Tahoma, sans-serif;
  line-height: 1.2;
}
.zalogant h2 b
{ color: #F0F0E0;
  font-size: 21pt; 
}
.zalogant h2 span
{ color: #FFEE6F;
  font-weight: normal;
  font-size: 12pt;
  vertical-align: top;
}
.zalogant p
{ margin: 4pt 10pt 10pt 2.5pt;
  color:#40E0FF;
  background-color: rgba(0,0,0,0.5);
  font-family: Verdana, Tahoma, Arial, sans-serif;
  line-height: 1.4;
  font-size: 11pt;
  font-weight: bold;
  text-align: justify;
}


/*
||
||  Mniejsze  Ekrany  [!]
||
*/

@media (max-width: 500pt)
{
 .prawy-box
 { margin-left: 111pt;
 }

 .zalogant h2
 { font-size: 16pt; 
 }
 .zalogant h2 b
 { font-size: 18pt; 
 }
 .zalogant h2 span
 { font-size: 11pt;
 }
}

@media (max-width: 440pt)
{
 .prawy-box
 { margin-left: 99pt;
 }

 .zalogant h2
 { padding: 5pt 12pt;
   font-size: 12pt; 
 }
 .zalogant h2 b
 { font-size: 14pt; 
 }
 .zalogant h2 span
 { font-size: 10.5pt;
 }
 .zalogant p
 { font-size: 10pt;
 }
}

@media (max-width: 340pt)
{
 .prawy-box
 { margin: 0;
 }

 .zalogant img
 { max-width: 34%;
   margin-right: 6pt;
   padding: 2.5pt;
   border-width: 0;
 }
 .zalogant h2
 { margin-left: 36%;
   padding: 5pt 6pt;
   font-size: 10pt;
 }
 .zalogant h2 b
 { font-size: 12pt;
 }
 .zalogant h2 span
 { font-size: 10pt;
 }
 .zalogant p
 { font-size: 9pt;
 }
}

/*  The End  */