section.sluzbaNadpis {
    background:var(--bg-color);
    text-align:center;
    padding:40px 20px;
}
section.sluzbaNadpis h1 {
    font-size:3rem;
}
#sluzba, #kontraindikace{
    padding:100px 20px;
}
    h1 {
       margin-bottom: 0;
    }
section#sluzba .row img{
    max-width:100%!important;
}
#sluzba ul, #kontraindikace ul{
    padding-left:20px;
}
.row.textleft,.row.textright{
    align-items: center;
}
#sluzba ul li strong,#sluzba ul li::marker,
#kontraindikace ul li strong,#kontraindikace ul li::marker{
    color: var(--odkazy);
}
#sluzba ul li,
#kontraindikace ul li{
    line-height:1.6;
    padding-bottom:10px;
}
.pinkbg {
    background: var(--bg-color);
}

#kontraindikace ul {
    margin-top:2rem;
    padding: 0 30px!important;
}
#kontraindikace ul li{
    color: var(--odkazy);
    font-weight:700;
    font-size:18px;
}
#kontraindikace p{
margin-bottom: 0;
}
.custommarker {
  list-style: none;
}

.custommarker li {
  position: relative;
}

.custommarker li::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 12px;
  transform: translateY(-50%);
  width: 24px; 
  height: 24px;
  background-image: url('../fotografie/warning.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}




@media (max-width: 991px){
    main .row h2, main .row p, main .row .buttonscroll {
        text-align: left!important;
    }
    #kontakt .obal h2{
        text-align: center!important;
    }
#sluzba, #kontraindikace{
    padding:60px 20px;
}
.row.textright {
    display: flex
;
    flex-direction: column-reverse;
}
section.sluzbaNadpis h1{
        font-size:2.3rem;
    }
}
@media (max-width: 776px){
    section.sluzbaNadpis h1{
        font-size:2rem;
    }
.col-12{
    padding:0;
}
#sluzba, #kontraindikace{
    padding:40px 20px;
}
#sluzba ul li{
    line-height:1.4;
    padding-bottom:5px;
}
#kontraindikace ul {
    margin-top:1rem;
}
#kontraindikace ul li{
    font-size:16px;
}
}