.testing-warnning {
    background-color: orange;
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 5px;
}
.d-none {
    display: none;
}
header {
    background-color: #006fad;
}
footer a{
    color: #666;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.logo-float {
    float: left;
    display: block;
}

.logo {
    width: 268px;
    height: 70px;
    margin-bottom: 7px;
}
.app-name {
    display: none;
}

.header-right {
    float: right;
}
.header-ul {
    display: block;
    list-style: none;
    margin-top: 15px;
    margin-bottom: 30px;
    text-align: right;
}
    .header-ul li {
        color: white;
    }

    .header-ul a {
        color: white;
        text-decoration: none;
    }
.hamburger_icon-div {
    display: none;
}  
@media (max-width: 768px) {
    .electionsContainer {
        margin-left: 0px;
        margin-right: 0px;
    }
    .header-ul {
        display: none;
    }
    .hamburger_icon-div {
        display: block;
    }
    .menu-icon {
        font-size: 30px;
        color: white;
        padding: 10px;
        border: 2px solid white;
        border-radius: 5px;
        margin: 10px;
    }
    .ul-hidden-menu {
        text-align: right;
        list-style: none;
        text-decoration: none;
        padding: 15px;
        background-color: rgba(248,249,250,1);
    }
    .ul-hidden-menu li{
        padding: 5px;
    }
}
@media (max-width: 400px) {
    .logo {
        display: none;
    }
    .app-name{
        display: block;
        color: white;
        position:relative;
        bottom: 7px;
    }
}
@media(max-width: 250px) {
    .app-name {
        display: none;
    }
}
/*  
    Povolení zalamovat slova v nadpisu H1, nejdelší anglické slovo začalo přetékat mimo rozsah v cca 800px
    Mobili mají v kratším rozměru cca 720-750 px.
*/
h1 {
    hyphens: manual;
}