a {
text-decoration: none;
outline: medium none;
}


html, body {
margin:0;
padding:0;
text-align:center;
}

body {
background-color:#ffffff;
text-align:center;
font-family: Inter, Arial, sans-serif;
}

.content{
max-width:790px;
text-align:center;
margin:auto;
}


.ogranicz{
max-width:790px;
margin:auto;
text-align:center;
padding: 0px;
font-size:18px;
font-family: Inter, Arial, sans-serif;
clear:both;
}

.granatowy1{
color:#164193;
font-family: Inter, Arial, sans-serif;
clear:both;
}


.granatowy{
color:#164193;
font-family: Inter, Arial, sans-serif;
clear:both;
}

.centralny{
font-family: 'Inter', Arial,sans-serif;
text-align:center;
font-size:22px;
color:#164193;
font-weight:bold;
clear:both;
padding: 10px 5px 5px;
line-height:1.2em;
}


.niebieski{
background: #def2ff;
border-radius: 10px;
margin-top:-21px;
padding:5px 10px;
z-index:9;
text-align:center;
position:reltive;
}

.niebieski1{
background: #def2ff;
border-radius: 10px;
margin-top:-30px;
padding:5px 10px;
text-align:center;
}

.niebieski2{
background: #def2ff;
border-radius: 10px;
padding:5px 10px;
text-align:center;
}

.lewy{
text-align:left;
font-family: 'Inter', Arial,sans-serif;
font-size:24px;
color:#164193;
padding-left:5px;
padding-right:5px;
padding-top:10px;
margin-top:10px;
float:left;
}

.lewy1{
text-align:left;
font-family: 'Inter', Arial,sans-serif;
font-size:18px;
color:#164193;
padding-left:5px;
padding-right:5px;
line-height:1.5em;
}

.lista1{
text-align:left;
color:#164193;
font-size:18px;
font-weight:bold;
line-height:1.5em;
padding-right:0px;
padding-left:25px;
position:relative;
list-style-type:disc;
}

.lewy1b{
text-align:left;
font-family: 'Inter', Arial,sans-serif;
font-size:18px;
color:#164193;
padding-left:11px;
padding-right:5px;
line-height:1.5em;
}

.lista1b{
text-align:left;
color:#164193;
font-size:18px;
font-weight:bold;
line-height:1.5em;
padding-right:0px;
padding-left:27px;
position:relative;
list-style-type:disc;
}

.cniebieski{
background-color:#67b2e7;
}

.tytulnieb{
color:#67b2e7; 
font-weight:bold;
font-size:22px;
text-align:left;
padding-left:5px;
padding-top:10px;
font-family: 'Inter', Arial,sans-serif;
}
.tytulnieb1{
color:#67b2e7; 
font-weight:bold;
font-size:22px;
text-align:left;
padding-left:11px;
padding-top:10px;
font-family: 'Inter', Arial,sans-serif;
}

.szeroki{
background-color:#67b2e7;
text-align:center;
max-width:790px;
position:relative;
}

.waskie{
margin:auto;
max-width:700px;
background-color:#f0f7fd;
border-radius: 10px;
clear:both;
}

.nabialym{
padding-top:4px;
background-color:#67b2e7;
padding-bottom:4px;
}



.kolumna1{
width:320px;
background: #def2ff;
margin-top:15px;
}

.kolumna2{
width:320px;
background: #def2ff;
margin-top:17px;
}


.granat{
text-align:center;
font-size:18px;
color:#164193;
font-family: 'Inter', Arial,sans-serif;
line-height:1.5em;
}

.sklad{
text-align:left;
font-family: 'Inter', Arial,sans-serif;
font-size:13px;
padding:0px 10px;
line-height:1.5em;
}

.szeroki1{
text-align:center;
max-width:790px;
}
.wprodukty{
padding-top:10px;
margin:0px;
}


@media (max-width:720px){
.zkolumnami1{
margin:auto;
padding:0px;
justify-content: center;
max-width:700px;
}
}

@media (min-width:721px){
.zkolumnami1{
margin:auto;
padding:0px;
justify-content: center;
max-width:700px;
display: inline-flex;
}
}

@media (max-width:782px){
.lista{
text-align:left;
color:#164193;
font-size:24px;
font-weight:bold;
clear:both;
margin-top:10px;
position-relative;
margin-left:-11px;
line-height:1.5em;
list-style-type:disc;
}
.pudelko{
margin-top:0px;
}
}

@media (min-width:783px){
.lista{
text-align:left;
color:#164193;
font-size:24px;
font-weight:bold;
clear:both;
margin-left:-11px;
margin-top:-110px;
position-relative;
line-height:1.5em;
list-style-type:disc;
}
.pudelko{
margin-top:0px;
}
}


@media (max-width:580px){

.gora{
font-family: Inter, Arial, sans-serif;
font-size:22px;
color:#67b2e7;
font-weight:bold;
margin-top:0px;
padding-bottom:30px;
}

.delfin{
width:100%;
display:none;
margin-top:-10px;
}
.delfinmaly{
width:100%;
margin-top:-10px;
}

.lewy2{
text-align:center;
font-family: 'Inter', Arial,sans-serif;
font-size:18px;
color:#164193;
max-width:500px;
position:relative;
margin:0px 0px 10px 0px;
padding:3px 3px 10px 3px;
line-height:1.5em;
}
.obrazek{
position:relative;
padding:20px 0px 0px 0px;
margin:0px;
}
.obrazek1{
position:relative;
padding:20px 0px 0px 0px;
margin:0px;
}

.lewy1a{
text-align:center;
font-family: 'Inter', Arial,sans-serif;
font-size:18px;
color:#164193;
padding-left:5px;
padding-right:5px;
margin-top:10px;
line-height:1.5em;
}
.bialy{
text-align:center;
font-family: 'Inter', Arial,sans-serif;
font-size:30px;
color:#ffffff;
padding:10px 5px;
line-height:1.2em;
}
}

@media (min-width:581px){

.gora{
font-family: Inter, Arial, sans-serif;
font-size:22px;
color:#67b2e7;
font-weight:bold;
margin-top:-3px;
padding-bottom:30px;
}

.delfin{
width:100%;
margin-top:-10px;
}
.delfinmaly{
width:100%;
display:none;
margin-top:-10px;
}

.lewy2{
text-align:left;
font-family: 'Inter', Arial,sans-serif;
font-size:18px;
color:#164193;
max-width:500px;
position:relative;
margin:10px 20px 10px 170px;
padding:10px 10px;
line-height:1.5em;
}
.obrazek{
float:left;
position:relative;
padding:20px 10px 2px 30px;
margin:0px;
}
.obrazek1{
float:left;
position:relative;
padding:20px 5px 10px 10px;
margin:0px;
}
.lewy1a{
text-align:left;
font-family: 'Inter', Arial,sans-serif;
font-size:18px;
color:#164193;
padding-left:5px;
padding-right:5px;
margin-top:10px;
line-height:1.5em;
}
.bialy{
text-align:center;
font-family: 'Inter', Arial,sans-serif;
font-size:35px;
color:#ffffff;
padding:20px;
line-height:1.2em;
}
}

@media (min-width:731px){
.baner{
background-image:url(kobietad.webp); 
background-size:100% auto;
background-repeat:no-repeat;
}
}
@media (max-width:730px){
.baner{
background-image:url(kobietam.webp);
background-size:100% auto;
background-repeat:no-repeat;
}
}