@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nunito:200,400,700&display=swap');
* {
    font: inherit;
    vertical-align: baseline;
    font-family: 'Nunito', "Calibri", "Tahoma", "Verdana", "Helvetica", sans-serif;
    font-weight: 400;
    letter-spacing: 0.02em;
}

body {
    width: 90%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1em;
}

h1, h2, h3, h4, h5, h6, b {
    font-weight: 700;
}

h2 {
    font-size: 1.25em;
}

small {
    font-size: 75%;
}

span.deactivated {
    color: silver;
    text-decoration: line-through;
}

div.legenda {
    width: 100%;
}

div.obsah {
    width: 100%;
}

@media (min-width: 800px) {
    body {
        margin: 0 auto;
    }
    h1 {
        margin: 25px;
        font-size: 2rem;
    }
    div.sada {
        display: flex;
        flex-direction: row-reverse;
        align-items: stretch;
    }
    div.legenda {
        width: 25em;
        padding: 0 1em;
    }
    div.obsah {
        padding: 0 25px 50px 25px;
        overflow-y: scroll;
        height: calc(100vh - 2.5rem - 50px - 50px);
    }
}