@import 'https://fonts.googleapis.com/css2?family=IBM+Plex+Sans&display=swap';.view,body,html {
    height: 100%;
    font-family: ibm plex sans,sans-serif
}

body{
    background-color: #f8ca47;
    color: #28346c;
}

main{
    max-width: 1900;
}

.sec-color{
    color: white;
}

header{
    background-color: #28346c;
}

.nav-brand{
    width: 20vw;
}

.navbar-collapse{
    justify-content: end;
    transition: 0.5s;
}

.nav-link:hover{
    color: rgb(207, 207, 207);
}

.sekce-1-2{
    font-size: 1.3vw;
}

.graf-1 img, .graf-2 img{
    height: 13vw;
    padding-top: 1vw;
}

.graf-1 h2, .graf-2 h2{
    font-size: 5vw;
}

.graf-1 span{
    position: absolute;
    margin-top: 0vw;
    margin-left: 1vw;
}

.graf-1 p{
    position: absolute;
    margin-top: 7vw;
    margin-left: 1vw;
    font-size: 1.5vw;
}

.graf-2 span{
    position: absolute;
    margin-top: 0vw;
    margin-left: 20vw;
}

.graf-2 p{
    position: absolute;
    margin-top: 7vw;
    margin-left: 20vw;
    font-size: 1.5vw;
}

.sekce-2{
    margin-top: 4vw;
    margin-bottom: 6vw;
    font-size: larger;
}

.sekce-2 a{
    text-decoration: none;
    color: #28346c;
}

.sekce-2 a:hover{
    color: #141b36;
}

.sekce-2 img{
    width: 6vw;
    height: auto;
}

.funkce{
    background-color: #f59e12;
    margin-top: 3vw;
    margin-left: 2vw;
    padding: 2vw;
}

.funkce img{
    position: absolute;
    width: 5vw;
}

.funkce h2{
    padding-top: 4vw;
    padding-left: 5.5vw;
    width: 15vw;
}

table{
    margin: 0 20vw 0 20vw;
}

thead {
    text-align: center;
}

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

td, th{
    color: #28346c;
}

table tr{
    border-color: #f59e12;
}

thead, tbody tr:nth-child(even){
    background-color: #fce3a0;
}

.formular{
    width: 50vw;
}

.form-control{
    border: #f59e12;
    margin-top: 1vw;
}

.col-form-label{
    margin-top: 1vw;
}

.btn-primary{
    background-color: #28346c;
    border: #28346c;
}

.btn-primary:hover{
    background-color: #141b36;
}

.submit{
    width: 15vw;
    margin-top: 0.5vw;
}

footer{
    background-color: #28346c;
}

footer img{
    width: 8vw;
    margin-left: 5vw;
}

footer h2{
    float: right;
    margin-right: 5vw;
}

footer a{
    text-decoration: none;
    color: white;
}

footer a:hover{
    color: rgb(207, 207, 207);
}

@media screen and (max-width: 767px){
    
    .nav-brand{
        width: 45vw;
    }

    .navbar-collapse{
        display: flex;
        justify-content: center;
    }

    .nav{
        flex-direction: column;
    }

    .sekce-1{
        margin: 0 0vw 0 0vw;
    }

    .sekce-1-2{
        font-size: 3vw;
    }

    .graf-1 img, .graf-2 img{
        height: 38vw;
        padding-top: 1vw;
    }

    .graf-1 h2, .graf-2 h2{
        font-size: 13vw;
    }

    .graf-1 span{
        margin-top: 0vw;
        margin-left: 1vw;
        font-size: 5vw;
    }
    
    .graf-1 p{
        margin-top: 19vw;
        margin-left: 1vw;
        font-size: 5vw;
    }

    .graf-2{
        margin-top: 5vw;
    }
    
    .graf-2 span{
        margin-top: 0vw;
        margin-left: 42vw;
    }
    
    .graf-2 p{
        margin-top: 19vw;
        margin-left: 43vw;
        font-size: 5vw;
    }

    .sekce-1-2{
        font-size: 6vw;
    }

    .sekce-2{
        text-align: center;
        margin-top: 12vw;
    }

    .sekce-2 img{
        rotate: 90deg;
        width: 20vw;
    }

    .funkce{
        margin-left: 0;
        margin-right: 0;
    }

    .funkce img{
        width: 6vw;
    }

    .funkce h2{
        width: auto;
        padding-left: 7vw;
    }

    .t-nadpis{
        margin-left: 5vw;
    }
    
    table{
        margin: 0;
    }

    .formular{
        width: 100%;
        padding: 0;
    }

    form .col-md-4, form .col-md-2, form .col-md-10{
        margin-top: 0vw;
        padding: 0;
    }

    form .row{
        margin-top: 0.5vw;
    }

    .submit{
        width: 40vw;
    }

    footer img{
        width: 20vw;
        margin-left: 5vw;
    }
    
    footer h2{
        float: left;
        margin-right: 0;
        margin-left: 5vw;
    }
}