@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Hepta+Slab:wght@300;700;800&family=Ubuntu:wght@300;700&display=swap');

.whi { color:#fff;}
.yell { color:#fdc113;}
.beige { color:#dd986d;}
.blue { color:#82dfe7;}
.pink { color:#d45f8f;}
.grey { color: #596565;}
.bold { font-weight:800;}
.semi { font-weight:700;}

a { text-decoration: none; color: inherit}
.menu, .menu a, .menu a:link, .menu a:visited { font-family:'ubuntu', sans-serif; font-size: 12pt; line-height: 15pt; text-transform:uppercase; letter-spacing:2pt; color:#fff;}

#icons .fab { font-size: 2vw; padding-left: 5%; color:#82dfe7;}
#icons .text3, #icons .text3 a, #icons .text3 a:link { font-size: 11pt; line-height: 6pt; color:#000;}
#icons .text3 .active { font-weight:700; color:#d45f8f;}
#icons .text3 a:hover { color:#82dfe7;}

.fab { font-size: 26pt; padding-left: 5%;}
.title { font-family: 'Hepta Slab', serif; font-size: 7vw; line-height:6.4vw;}
.title2 { font-family: 'Hepta Slab', serif; font-size: 4vw; line-height:5vw;}
.text { font-family:'ubuntu', sans-serif; font-size: 12pt; line-height: 17pt;}
.text2 { font-family: 'Hepta Slab', serif; font-size: 14pt; line-height:17pt;}
.text3 { font-family:'ubuntu', sans-serif; font-size: 10pt; line-height: 15pt; letter-spacing: 2pt;}
.dish { font-family:'ubuntu', sans-serif; font-size: 13pt; line-height:19pt;}
#footer .text { font-family:'ubuntu', sans-serif; font-size: 10pt; line-height: 15pt;}
#footer .text a:hover { color:#fff;}
#copy { font-family:'ubuntu', sans-serif; font-size: 8pt; line-height: 13pt;}
#form1 .title2 { font-family: 'Hepta Slab', serif; font-size: 3.2vw; line-height:3vw;}
#form1 .text3 { font-size: 16pt; line-height: 19pt; letter-spacing: 1pt;}
#form1 .text2 { font-size: 18pt; line-height: 25pt;}


@media only screen and (max-width: 769px) {
#icons .fab { font-size: 15pt; padding-left: 3%;}
.menu, .menu a, .menu a:link, .menu a:visited { font-size: 10pt;}
.title { font-size: 11vw; line-height: 10vw;}
.fab { font-size: 20pt; padding: 0 3% 0 0;}
.title2 { font-size: 5.8vw; line-height: 35pt;}
#form1 .title2 { font-size: 5vw;}
}

@media only screen and (max-width: 580px) {
.title2 { font-size: 30pt; line-height:35pt;}
.menu { font-size: 13pt; line-height: 15pt;}
#form1 .title2 { font-size: 6vw;}
}