@charset "utf-8";

main {          
    min-height: 600px;
}
main h2         {font-size: 30px; text-align: center; color: var(--modr); padding: 40px 15px 0px 15px; margin-bottom: 25px;}
main h3         {font-size: 25px; text-align: left; color: var(--modr); padding: 0px 15px; margin-bottom: 20px;}
main>hr         {border: 1px solid var(--cerv); margin: 0px 18% 45px 18%;}
main>p          {padding: 0px 15px; font-size: 18px; color: var(--modr); text-align: justify; margin-bottom: 25px;}
        
main .sluzby {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin: 0 15px 40px 15px;
}       
main .sluzba {
    min-width: 0;
    background: var(--modr);
    border-radius: 10px;
    text-align: center;
    padding: 15px;
}
main .sluzba h4 {
    margin: 0 0 15px;
    min-height: 120px;
    font-size: 18px; 
    font-weight: 500;
    color: var(--bila);     
}
main .sluzba_cenaBox {
    display: flex;          
    align-items: center;    
    gap: 0px;
}
main .sluzba_cara {
    flex: 1 1 0;
    height: 2px;
    background: var(--bila);
    border-radius: 2px;
}
main .sluzba_cena {
    flex: 0 0 auto;
    min-width: 60%;
    padding: 5px 10px;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    color: var(--modr);
    background: var(--bila);
    border-radius: 5px;
}
main .sluzba_perex {
    margin: 20px 0 10px 0;
    font-size: 20px;
    font-weight: 500;
    color: var(--bila);
}
main .sluzba ul {
    margin: 0;
    padding-left: 15px;
    text-align: left;
    font-weight: 700;
    color: var(--bila);
}
main .sluzba ul > li {
    font-size: 15px;
}



main div.dalsi 				{padding: 0px 15px;}
main div.dalsi h3			{padding-left: 0px;}
main div.dalsi figure 		{display: block; text-align: left; vertical-align: top;}
main div.dalsi figure h4 	{font-size: 20px; font-weight: 500; color: var(--modr); margin-bottom: 5px;}
main div.dalsi figure p 	{font-size: 18px; color: var(--modr); text-align: left; margin-bottom: 50px;}