:root {
    --bila: #e6ded1;
    --bg: #30353e;
}
body {
    font-family: Montserrat,sans-serif!important;
    color: var(--bila);
    background-color: var(--bg);
}


/********/
/*NAVBAR*/
/********/


.navbar-menu-polozky li {
    padding: 10px 15px;
}

.navbar-menu-polozky li a {
    color: var(--bila);    
}
.navbar-menu-polozky li a:hover {
    color: var(--bila);    
    text-decoration: underline;
}

.lista p {
    margin: 0;
}

.lista .vl {
    border-right: 1px solid var(--bila);
    margin: 5px 10px 8px 10px;
    opacity:.75;
    line-height: 0.5;
    display:none;
}


.lista-text {
    display:flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.linebreak {
    display:block;
}

@media (min-width:576px) {
    .linebreak {
        display: none;
    }
}

@media (min-width:992px) {
    .lista .vl {
        display: block;
    }
    .lista-text {
        flex-direction: row;
    }
    .linebreak {
        display:block;
    }
}

@media (min-width:1400px) {
    .linebreak {
        display:none;
    }
}

.heroimg {
    background-image:url("/static/images/bg.jpg");
    background-position: bottom ;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px; 
}

.nadpis-box {
    margin-top: 8%;
    color: var(--bg);
}

.nadpis {
    font-size: 2rem;
    font-weight: 700;
}

@media (min-width:768px) {
    .nadpis {
        font-size: 2.5rem;
    }
    .heroimg {
        height:600px;
    }
}

@media (min-width:992px) {
    .nadpis {
        font-size: 3rem;
    }
    .heroimg {
        height:900px;
    }
}


/**************/
/****PŘEHLED***/
/**************/

.prehled {
    padding: 100px 0;
}

.karta {
    border: 2px solid var(--bila);
    border-radius: 5px;
    padding: 30px 25px;
    height:100%;
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.karta h2 {
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: -1px;
    line-height: 2rem;
    margin-bottom: 15px;
}

.karta p {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    margin-bottom: 15px;
}

.karta a {
    color: var(--bila);
    border: 1px solid var(--bila);
    font-weight: 500;
    font-size: .8rem;
    padding: 10px 17px
}

.karta .btn:hover {
    border-color: var(--bila);
}
/**************/
/***PARALLAX***/
/**************/

.parallax {
    background-image: url("/static/images/parallax.jpg");  
    min-height: 500px;   
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/**************/
/***KLIENTI****/
/**************/

.klienti {
    background-color: var(--bila);
    color:var(--bg);
    padding: 100px 0;
}



.klienti img {
    height: 70px;
    width: auto;
}

.imgbox {
    display:flex;
    justify-content: center;
}

/**************/
/***KONTAKTY***/
/**************/
.kontakty_main {
    font-family: "Open Sans", sans-serif;
    font-size: 14px; 
    padding-top: 50px;  
}


.kontakty_main img {
    height: 50px;
    width: auto;
}

.kontakty_main li{
    margin-bottom: 5px;
}

/**************/
/***FORMULAR***/
/**************/

.formular {
    padding: 50px 0;
    background-color: var(--bila);
}
.formular h2 {
    color:var(--bg);
    font-weight: 700;
    margin-bottom: 20px;
}

input, textarea {
    border-radius: 5px;
    border:0;
    font-size: 15px;
    padding: 12.5px;
    width:100%;
    margin-bottom: 15px;
}

.formular button, .kontakt-kontakt button {
    border:0;
    background-color: var(--bg);
    color:var(--bila);
    padding: 12.5px 20px;
    width:100%;
    font-weight: 500;
}

/**************/
/****FOOTER****/
/**************/

.footer {
    font-family: "Open Sans", sans-serif;
    font-size: .9rem;
    padding-top: 50px;
    font-weight: 300;
}

.footer li {
    list-style-type: none;
    margin-bottom: 10px;
    
}

.footer-main {
    flex-direction: column;
}
@media (min-width:450px) {
    .footer-main {
        flex-direction: row;
    }
}

/***************/
/*PRÁVNÍ SLUŽBY*/
/***************/

.uvod-sluzby, .pravni-sluzby {
    background-color: var(--bila);
    color:var(--bg);
}

.uvod-sluzby h2, .pravni-sluzby h2{
    font-weight: 400;
}

.pravni-sluzby {
    padding-top: 70px;
}

.pravni-sluzby hr { 
    opacity:1;
    border-color: var(--bg);
    overflow:visible;
    width:80vw;
}

.pravni-sluzby p {
    text-align: justify;
}
.uvod-sluzby a  {
    color: var(--bg);
    text-decoration: none;
    
}

/***************/
/*****O NÁS/****/
/***************/

.o-nas {
    background-color: var(--bila);
    color: var(--bg);
}

.o-nas p {
    text-align: justify;
}
/***************/
/****NÁŠ TÝM****/
/***************/
.tym {
    background-color: var(--bila);
    color:var(--bg);
    padding-bottom: 30px;
}

.tym .tym-text {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
}

@media (min-width:992px) {
    .tym .tym-text {
        margin-bottom: 70px;
    }
}

/***************/
/****KONTAKT****/
/***************/

.kontakt-kontakt {
    background-color: var(--bila);
    color: var(--bg)
}

/***************/
/******GDPR*****/
/***************/

.gdpr {
    background-color: var(--bila);
    color: var(--bg);
}