h1 {
    color: #7608AA;
    font: 200% 'Open Sans',Arial,sans-serif;
    /*text-transform: uppercase;*/
    margin: 0 0 5px 0;
}
h1 a {
    text-decoration: none;
}
h2 {
    font-weight: normal;
    font-size: 130%;
    color: #D0006E;
    margin-left: 30%;
}
h3 {
    font-weight: normal;
    font-size: 110%;
    margin: 0;
    margin-bottom: 8px;
}
h4 {
    font-weight: normal;
    background-color: #4C036E;
    color: #FFFFFF;
    margin: 0;
    margin-bottom: 8px;
    padding: 6px 5px;
    text-transform: uppercase;
    font-size: 90%;
}


.navbar a{
    font-size: 140% !important;
}

.services-section, .about-section{
    padding-top: 100px !important;
}

/***************Formatovani hlavicky************/
header {
    padding-bottom: 30px;
    border-bottom: 1px solid #DDDDDD;
}
header .function {
    margin: 0;
    text-transform: uppercase;
    font-size: 18px;
}

header .contact ul {
    margin: 4%;
    padding: 0;
}
header .contact ul li {
    list-style-type: none;
}

@media (min-width: 1200px) {
    header .contact {
        padding: 0 0 0 12px;
        padding-right: 0;
        border-left: 1px solid #B165D4;
        text-align: left;
        font-size: 150%;
    }
    .photo{
        border-left: 1px solid #b165d4;
    }
}
@media (max-width: 1199px) {
    header .contact {
        padding: 0 0 0 12px;
        padding-right: 0;
        margin-top: 25px;
        border-top: 1px solid #B165D4;
        text-align: center;
        font-size: 150%;
    }
    .photo{
        border-top: 1px solid #b165d4;
    }
}
/****************Formatovani paticky*********************/
.panel-footer{
    background: none repeat scroll 0 0 #eee !important;
}
.panel-footer > p{
    margin: 0 auto;
    text-align: center;
}

/********Hlaska kdyz se spatne prihlasis************/
#hlaska {
    background: #B165D4;
    color: #fff; 
    position: fixed; 
    width: 50%; 
    left: 50%; 
    margin-left: -25%; 
    padding: .5em; 
    top: -3em; 
    transition: top 1s; 
    z-index: 3000000;
    text-align: center;
    font-size: 200%;
}

#hlaska.zobrazit {
    top: 91px;
    text-align: center;
    font-size: 200%;
}


/*************Zicovotpis***********************/

.h2biography {
    color: #b165d4;
    margin-right: 340px;
    margin-top: 70px;
}



/**************Formatovani znalosti a dovednosti*******************/

.department {
    float: left;
    text-align: right;
    width: 100%;
}
.department > h4 {
    color:#ffffff;
}

.item {
    float: left;
    text-align: left;
    width: 100%;
    margin-bottom: 30px;
}

.department span, .department p {
    display: block;
    font-size: 90%;
    margin-top: 10px;
    color: #777;
}
.description {
    margin-left: 20%;
}

.description p {
    font-size: 90%;
}

.description ul {
    font-size: 90%;
    margin: 0;
    margin-bottom: 5px;
    padding: 0;
    list-style-position: inside;
}
.description ul li {
    margin: 2px 0;
}
.skills {
    width: 100%;
    margin-right: 3%;
    margin-bottom: 10px;
}
.skills .progress {
    width: 100%;
    display: block;
    background-color: #C1C1C1;
    height: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.progress {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    margin-bottom: 5px !important;
    overflow: hidden;
}

.skills .range { 
    background-color: #4C036E; 
}
.skills .range10 { width: 10%; }
.skills .range20 { width: 20%; }
.skills .range30 { width: 30%; }
.skills .range40 { width: 40%; }
.skills .range50 { width: 50%; }
.skills .range60 { width: 60%; }
.skills .range70 { width: 70%; }
.skills .range80 { width: 80%; }
.skills .range90 { width: 90%; }
.skills .range100 { width: 100%; background-color: #D0006E; }

.skills .info {
    float: right;
    margin-top: 4px;
    color: #777;
    font-size: 75%;
}

.display-flex{
    display: flex;
}