body {
    background-color: lightblue;
}
a {
    text-decoration: none!important;
    font-style: italic;
}
a:hover {
    text-decoration: underline;
}
td {
    vertical-align: top;
}
select {
    background-color: #bbb;
    border-radius: 8px;
}
h3, h4 {
    color: white;
    background-color: darkslategray;
    text-align: center;
}
.resp-menu div a { text-align: left }
@media all and (max-width:600px) {
    .resp-menu {
        top: 0px;
    }
    .resp-menu div { float: left;padding: 0!important; }
    .resp-menu a { font-size: 2.4vw;letter-spacing:0.1rem; }
    .container-md-start p { padding-top: 1%; width:100%;}
    .container-md-start { width:100%;}
    .resp-menu, .resp-menu div {
        font-size: 0.7rem;
    }
    .activeL  a { background-color: darkslategray; }
}
@media all and (min-width:600px) {
    .resp-menu {
        right: 15px; text-align: left; position: absolute; top: 0px;
    }
    .resp-menu div div {
        background-image: url('/public/malaStrzalka.png');
        background-repeat: no-repeat;
        background-size: 8%;
        background-position-y: center;
        padding-left: 10%;
    }
    div.activeL { background-image: url('/public/strzalka.png')!important;background-size:100%!important; }
    div.activeL a { background: none!important;border: 0!important; }
    .container-md-start { width:70%;}
}