/* General Blueprint Style */
@import url('https://fonts.googleapis.com/css2?family=BioRhyme:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Patrick+Hand&display=swap');

a:link { color: #fff; text-decoration:none; }
a:visited { color: #fff }
a:active { color: #f37721; }

.oran { color: #F55A43;}
.wine { color:#1cb1ac;}
.beige { color:#f6e4b0;}
.yell { color:#F4C63D;}
.whi { color:#fff;}
.black { color:#422417;}
.bold { font-weight:800;}

.fa-facebook-square { color:#ab4220; font-size: 20pt; margin-bottom: 0.6%;}

h1, .title { font-family: 'BioRhyme', sans-serif; font-size: 5vw; line-height: 4.2vw; margin: 0; color: #422417;}
h2, .subtitle {
  font-family: 'Patrick Hand', serif; font-size: 19pt; margin: 0; color:#1cb1ac; line-height: 20pt; font-weight: 200;}
h4, .subtitle2 {
  font-family: 'BioRhyme', serif; font-size: 22pt; font-weight:800; margin: 0; color:#422417; line-height: 22pt;}
.txt {
  font-family: 'Montserrat', sans-serif; font-size: 1.4vw; font-weight:400; letter-spacing:1pt;}
h3, .dish { font-family: 'Montserrat', serif; font-size: 12pt; text-transform: uppercase; letter-spacing:2pt; font-weight:700; line-height:18pt; margin: 2.4% 0 0 0; color:#422417;}  
p, .desc {
  font-family: 'Montserrat', sans-serif; font-size: 11pt; line-height: 15pt; margin: 0; color: #422417;}
p b, .opt { color: #F55A43; font-family: 'Montserrat', sans-serif; font-size: 11pt; line-height: 15pt; width: 90%; display:block; margin: 0.5% 0 0 20px; font-weight:600;
}
h3 b, .prc { font-family: 'Montserrat', serif; font-size: 12pt; text-transform: uppercase; letter-spacing:1pt; font-weight:500; line-height:18pt; color:#1cb1ac;}

#info { font-family: 'Montserrat', sans-serif; font-size: 9pt; line-height: 12pt; color:#422417;}

#footer .txt {
  font-family: 'Montserrat', sans-serif; font-size: 9pt; font-weight:400; letter-spacing:0; line-height: 20pt;}
.map, .map a:link, .map a:active, .map a:visited { font-family: 'Montserrat', sans-serif; font-size: 7pt; letter-spacing:1pt; color:#f6e4b0;}
.map a:hover { color: #ab4220;}

.order:hover { cursor: pointer; color: #ab4220;}

@media screen and (max-width: 769px ) {
.title { font-size: 38pt; line-height: 40pt;}
.subtitle { font-size: 18pt; line-height:20pt;}
.dish { font-size: 12pt; } 
.price { font-size: 12pt; } 
.txt { font-size:3vw; line-height: 3.6vw;}
}
@media screen and (max-width: 581px ) {
.title { font-size: 24pt; line-height:26pt; font-weight: 800;}
.subtitle { font-size: 17pt; line-height: 20pt; }
.subtitle2 { font-size: 19pt; line-height: 23pt; }
.text { font-size:20pt;}
}