@font-face {
    font-family: 'Bodoni-11-book';
    src: url('fonts/Bodoni/OpenType/Bodoni-11-Book.otf');
    src: url('fonts/Bodoni/OpenType/Bodoni-11-Book.otf?#iefix') format('embedded-opentype'),
         url('fonts/Bodoni/TrueType/Bodoni-11-Book.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Bodoni-16-med';
    src: url('fonts/Bodoni/OpenType/Bodoni-16-Medium.otf');
    src: url('fonts/Bodoni/OpenType/Bodoni-16-Medium.otf?#iefix') format('embedded-opentype'),
         url('fonts/Bodoni/TrueType/Bodoni-16-Medium.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gentium';
    src: url('fonts/Gentium/GentiumPlus-R.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Andika';
    src: url('fonts/Andika/Andika-R.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}



/*
ui-btn {
    font-family: 'Bodoni-16-med';
}
*/



h1 {
    font-family: 'Gentium';
}

/*
h2 {
/*    font-family: 'Bodoni-16-med'; */
    font-family: 'Gentium';
}


h3 {
/*    font-family: 'Bodoni-16-med'; */
    font-family: 'Andika';
}


/*
p {
    font-family: 'Andika';
}
*/

#topimg {
    text-align: center; /* center the image */
    margin: 1em;
    border: 1px solid blue;
    border-radius: 18px;
}

#topimg img {
    display: inline-block;  /* treat the img like text */
    max-width: 240px; /*resolution of the img*/
    max-height: 240px; /*resolution of the img*/
    width: 10%; /* shrink to 10% if lower than 60px */
    margin: 3em auto;  /* add space between top and bottom edge of container */
}

#cimg {
    text-align: center; /* center the image */
    margin: 2em;
    }

#cimg img {
    display: inline-block;  /* treat the img like text */
    max-width: 300px; /*resolution of the img*/
    max-height: 200px; /*resolution of the img*/
    width: 80%; /* shrink to 10% if lower than 60px */
    margin: 1em auto;  /* add space between top and bottom edge of container */
}