@font-face {
    font-family: "Psal";
    src: url("../fonts/PsalKUcs.eot");
    src: url("../fonts/PsalKUcs.eot?#iefix") format("embedded-opentype"),
    url("../fonts/PsalKUcs.ttf") format("truetype"),
    url("../fonts/PsalKUcs.svg") format("svg");
}

BODY {
    color: #222;
    font-family: 'EB Garamond';
    font-size: : 12pt;
    margin:0;
    padding:0;
}

.sm { color: navy; font-size: 12pt; font-weight: bolder; }

P { margin-bottom: 1pt; margin-top: 1pt; }

A, A:VISITED { text-decoration: none; color: red; }
A:HOVER { color: silver; }

h1 {
    font-weight: normal;
    font-family: "Psal";
    font-size: 98pt;
    color: #111;
    margin-top: 25px;
    margin-bottom: 25px;
}

.red { color: #f24e4b; }
.copyright { color: #888; font-size: 14pt}

.text-center {
    text-align: center;
}

.lyrics, .index-disclaimer {
    font-size: 14pt;
}

.lyrics H3 { font-size: 22pt }

.lyrics P,
.index-disclaimer P {
    font-style: italic;
    margin: 30px 0;
}

.bottom-navi {
    margin: 30px 0;
    font-size: 14pt;
    font-style: italic;
}

.index-contacts {
    font-size: 12pt;
    color: #555;
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    background-color: #f8f8f8;
    padding: 30px 0;
}

.top-index-image {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    height: calc(100vh / 1.7);
    background-image: url('../img/pozitiv/image2copy.jpg');
    background-position: center calc(-1 * 30vw);
    background-repeat: no-repeat;
    background-size: cover;
    filter: grayscale(1);
}