body {
    color:#03989E;
    font-size: 2.5em; 
    font-family: 'Josefin Slab', sans-serif; 
    line-height: 1em;
    margin: 0;
}
body .ui-button {color:#fff;background-color:#3B2314 !important;border:1px solid #03989E}
body .ui-button.ui-button-text-only .ui-button-text {font-family:'Josefin Slab', sans-serif}

h1 {font-family: 'Josefin Slab', sans-serif; color:#03989E; text-transform: uppercase}
h2 {font-family: 'Josefin Slab', sans-serif}

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

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

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

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

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

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

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

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

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