/*basic settings*/
main{
    padding: 0px 10%;
    margin-top: 100px;
}
@media (min-width:768px) {
    main{
        padding: 0px 3%;
    }
}
@media (min-width:1024px) {
    main{
        padding:0px 10%
    }
}

/*page*/
/*intro*/
.uvod h1{
    text-align: center;
    display: block;
}


/*sections*/
.wrapper{
    display: block;
    padding: 20px;
    align-items: center;
    background-color: #f2f2f8;
    border-radius: 15px;
}
.sluzba h2{
    margin-left: 20px;
    margin-bottom: 15px;
    margin-top: 60px;
    font-size: 2.827rem;
}
.sluzba .bottom-box{
    display: flex;
    justify-content: space-between;
}
.sluzba p{
    margin-top: 0px;
}
.sluzba a{
    background-color: #242EDD;
    color: #F8F8FC;
    padding: 10px;
    border-radius: 5px;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    height: fit-content;
}
.sluzba a:hover{
    box-shadow: 0px 30px 100px #242EDD;
    transform: translateY(-6px);

}
.bottom-box p{
    margin:auto 0;
    height: fit-content;
}
li.intro::marker{
    content: "";
}
li.intro{
    margin-left:-20px;
}
ul{
    padding-left: 20px;
}
@media (min-width:768px) {
    .sluzbamargin h2{
        margin-top: 100px!important;
    }
}
.bottom-box p{
    font-weight: 600;
}