/* General Blueprint Style */
@import url('https://fonts.googleapis.com/css2?family=Arvo:wght@400;700&family=Dosis:wght@200;400;700&display=swap');

@font-face {
    font-family: 'Entyporegular';
    src: url('fonts/entypo.eot');
    src: url('fonts/entypo.eot?#iefix') format('embedded-opentype'),
         url('fonts/entypo.woff') format('woff'),
         url('fonts/entypo.ttf') format('truetype'),
         url('fonts/entypo.svg#entyporegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

a:link { text-decoration:none; }
a:link .subtitle, a:visited .subtitle   { color: #000;}
a:hover .subtitle   { color: #000;}
.text a:link , .text a:active, .text a { color: #000;}

.yell { color:#eaa123;}
.oran { color:#f68826;}
.pink { color:#e3166b;}
.whi { color:#fff;}
.black { color: #000;}
.bold { font-weight:700;}

.fa-facebook-f, .fa-instagram { font-size: 18pt; color:#eaa123; margin-left:5px;}
.fa-facebook-f:hover , .fa-instagram:hover { color:#fff;}
.fa-map-pin { font-size: 18pt; color:#f68826; margin-right: 6px;}

.title { font-family: 'Arvo', serif; font-size:6vw; font-weight:700; line-height:2vw;}
.subtitle { font-family: 'Dosis', sans-serif; font-size: 6.45vw; line-height:7vw; font-weight:200;}
.dish {
  font-family: 'Dosis', sans-serif; font-weight:700; font-size: 14pt; line-height:22pt; text-transform: uppercase; letter-spacing: 1pt;}
.price { font-family: 'Dosis', sans-serif; font-weight: 400; font-size: 14pt; line-height:22pt;letter-spacing: 1pt;}
.text {
  font-family: 'Dosis', sans-serif; font-weight:200; font-size: 14pt; line-height:19pt;}
.slidetxt { position:absolute; font-family: 'Arvo', serif; text-align:center; width: 100%; margin-top: 15%;}
.slidetxt .text { letter-spacing: 12pt; font-weight:400; font-size: 22pt;}
.slidetxt .title { font-size: 38pt; line-height:56pt; font-weight: 400;}
.footer {
  font-family: 'Dosis', sans-serif; font-weight:400; font-size: 9pt; line-height:15pt; letter-spacing: 1.4pt;}
.footer a, .footer a:active { color:#fff;}
#mod1.text { font-size: 11pt; font-weight:400; letter-spacing:1pt; line-height:15pt;}
#section.title { font-size: 7.3vw; line-height:56pt; font-weight: 400;}
#title.title, #title2.title { font-family: 'Arvo', serif; font-size:34pt; font-weight:700; line-height: 40pt;}
#menu-section .subtitle { font-size: 18pt; line-height:24pt; font-weight:400;}

#col1 .subtitle, #col2 .subtitle { font-family: 'Arvo', serif; font-size:20pt; line-height: 30pt; text-transform: uppercase; letter-spacing: 2pt;}

@media screen and (max-width: 769px) {
.title { font-size:45pt; }
.subtitle { font-size: 47pt; text-transform: lowercase; line-height:50pt;}
#mod3.text { font-size: 9pt; font-weight:400; letter-spacing:1pt; line-height:13pt;}
#title.title, #title2.title {  font-size:28pt; line-height: 38pt;}
.text { font-weight:400; font-size: 13pt; line-height:18pt;}
.dish, .price { font-size: 13pt; line-height:20pt;}
}

@media screen and (max-width: 481px) {
.title {
	font-size: 45pt; line-height: 30pt; }
.subtitle { font-size: 54pt; text-transform: uppercase;}
.slidetxt { width: 80%; margin: 40% 10% 0;}
.slidetxt .title { line-height:40pt;}
#section.title { font-size: 30pt; }
}