body {
margin: 0 auto; 
font-family: 'Roboto', sans-serif;
//font-family: Arial, sans-serif;
font-size: 95%;
 
  }
header {
//background-color: #1B6AAB;  
/* IE10+ */ 
background-image: -ms-linear-gradient(bottom, #a7cfdf 0%, #23538a 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #a7cfdf 0%, #23538a 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #a7cfdf 0%, #23538a 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #a7cfdf), color-stop(100, #23538a));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #a7cfdf 0%, #23538a 100%);

/* W3C Markup */ 
background-image: linear-gradient(to top, #a7cfdf 0%, #23538a 100%);
padding: 0;
     
    }
.reklama {width: 100%; margin: 0 auto;text-align: center;}       
article {
max-width: 900px;
margin: 0 auto;
padding-bottom: 15px;
}     
.displayed {
    display: block; margin: 0 auto; text-align: center;line-height: 160%;padding-top: 5px;
}  
h1 {
text-align: center;
color: white;  
text-shadow: 0px 1px 4px #800000;
margin: 0 auto; 
padding: 5px 0 15px 0;
} 
h2 {
font-size: 115%;
line-height: 90%; 
color: #34588F;  
} 
h3 {
font-size: 105%; 
line-height: 90%;   
color: #747A3F;  
} 
p {

} 
  
.center {
text-align: center;
} 
.green {
color: #8E962C;
}
.pink {
color: rgb(255, 0, 255);
}
.blue {
color: rgb(0, 0, 255);
}
.red {
color: red;
} 
.undeline {
text-decoration: underline;
font-variant: small-caps;
}
table {
border-collapse: collapse;
border: 2px solid black;
width: 100%;

} 
td {
border: 1px solid black;
padding-left: 10px;
}    
@media screen and (max-width: 664px) {
img {
display: none;    
 }
td {
padding-left: 2px;
} 
.displayed img {display: inline-block;}
h1 {font-size: 20px !important;}    
}      
@media screen and (max-width: 920px) {
h1 {font-size: 24px;}
td {
padding-left: 2px;
//font-size: 160% !important;
}     
}