body {
    background-color:#FFF;
    color:#625e5d; 
    font-size: 2em; 
    font-family: 'Crimson Text', serif; 
    line-height: 1em;
    padding-bottom: 50px;
}
body a {color:#778b1b}
body .ui-button {color:#FFF;background-color:#778b1b !important;border:1px solid #778b1b}
body .ui-button.ui-button-text-only .ui-button-text {font-family:'Crimson Text', sans-serif}

h1, h2 {font-family: 'Cinzel', serif}

.sub {font-style:italic; font-size: 0.8em; color:#778b1b;}
.decor {border-bottom: dashed 3px #778b1b; height: 10px; width: 100%; margin:1rem 0; overflow: hidden;}
.testata {background: url(/otb/resources/menu/head4.jpg) no-repeat center top;background-size:contain;min-height:700px}

.pad-def {padding-top:700px}

@media (max-width:1800px) {
    .pad-def {padding-top:600px}
}

@media (max-width:1600px) {
    .pad-def {padding-top:500px}
}

@media (max-width:1400px) {
    .pad-def {padding-top:400px}
}

@media (max-width:1000px) {
    .pad-def {padding-top:300px}
}

@media (max-width:600px) {
    .pad-def {padding-top:200px}
}

@media (max-width:400px) {
    .pad-def {padding-top:120px}
}

/*
@media print{
    @font-face {
        font-family: 'Cinzel';
        font-style: normal;
        font-weight: 400;
        src: url(/otb/resources/menu/font/Cinzel-1.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    @font-face {
        font-family: 'Cinzel';
        font-style: normal;
        font-weight: 400;
        src: url(/otb/resources/menu/font/Cinzel-2.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    
    body .ui-button {display: none;}
    .testata {background: none;}
    .pad-def {padding-top: 10px}
}
*/