@font-face {
    font-family: 'Caviar Dreams';
    src: url(../fonts/CaviarDreams.woff);
}
@font-face {
    font-family: 'Caviar Dreams';
    src: url(../fonts/Caviar_Dreams_Bold.woff);
    font-weight: bold;
}
@font-face {
    font-family: 'Caviar Dreams';
    src: url(../fonts/CaviarDreams_Italic.woff);
    font-style: italic;
}
@font-face {
    font-family: 'Caviar Dreams';
    src: url(../fonts/CaviarDreams_BoldItalic.woff);
    font-weight: bold;
    font-style: italic;
}
body { font-family: Arial; }
h1 {
    font-size: 32pt;
    font-family: Verdana;
}
p { font-size: 14pt; }
ul {
    font-size: 14pt;
    list-style-type: square;
}
p.greeting { font-size: 24pt; }
.picture img { width: 67%; }
ul li strong {
    font-style: italic;
}
.advertising { margin-left :30pt; }
.advertising p {
    font-size: 12pt;
    margin-top: 2pt;
    margin-bottom: 2pt;
}
header { text-align: center; }
footer { text-align: right; }
.bar-title {
    font-variant-caps: small-caps;
    font-size: 60pt;
}
.time {
    font-variant-numeric: oldstyle-nums;
    font-size: larger;
}
table.price-list th, table.price-list td {
    border: grey thin solid;
    padding: 2pt;
}
table.catalog td {
    border-bottom: black thin dotted;
    padding: 3pt;
}
table.catalog img { width: 200px; }
table.price-list thead {
    color: white;
    background-color: grey;
}
table.price-list tfoot {
    font-style: italic;
    text-align: right;
}
nav {
    background-color: blanchedalmond;
    float: left;
    width: 200px;
    margin: 10px 0px 10px 10px;
    padding: 20px;
    border-radius: 10px;
}
nav div {
    font-size: 24pt;
    margin: 10px 0px;
}
main { margin-left: 300px; }
table.catalog tr:last-child td {
    border-bottom: none;
}
table.price-list th[colspan=2] {
    text-align: center;
}
table.catalog h3 + p::first-letter {
    font-size: 150%;
    background-color: blanchedalmond;
}
ul li::marker {
    font-size: 150%;
    color: orange;
}
table.price-list td:last-child:not(td:only-child) {
    border: none;
    background-color: lightgrey;
}
table.price-list td[rowspan] {
    font-size: larger;
}
table.catalog h3 {
    font-family: 'Caviar Dreams';
    font-size: 32pt;
    font-variant-caps: all-small-caps;
}
i.icon-drink {
    content: url(../images/drink.jpg);
    height: 1em;
}
main h2 {
    font-size: 28pt;
    text-transform: uppercase;
}
table.catalog h3 {
    letter-spacing: 4pt;
    &:after {content: ':';}   
}