/* General Blueprint Style */
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@100;300&family=Big+Shoulders+Inline+Text:wght@800&family=Red+Hat+Text:wght@300;400;600;700&display=swap');

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

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

.yell { color:#f9b700;}
.whi { color:#fff;}
.pink { color:#df1d83;}
.green { color: #1b9f9f;}
.oran { color: #e73d13;}
.whi { color:#fff;}
.black { color: #000;}
.bold { font-weight: 700;}
.sub { font-weight: 600;}

.fa-facebook-f {
    color:#f9b700; font-size: 16pt; margin-top: 10px;}
.title {
    font-family: 'Big Shoulders Inline Text', sans-serif; font-size: 5.5vw; line-height:35pt;}
.subtitle {
    font-family: 'Big Shoulders Display', sans-serif; 
    font-size: 5.4vw; font-weight:100; line-height: 4.5vw; letter-spacing: 1pt;}  
.text {
  font-family: 'Red Hat Text', sans-serif; font-weight:300; font-size: 14pt; line-height:19pt;}
.dish {
  font-family: 'Red Hat Text', sans-serif; font-weight: 700; font-size: 10pt; line-height: 19pt; letter-spacing: 2pt; text-transform: uppercase;}
.desc {
  font-family: 'Red Hat Text', sans-serif; font-weight: 400; font-size: 11pt; line-height: 16pt; display: block; margin: 0 0 10px;}
#bev .text { font-weight: 400; font-size: 11pt; line-height: 16pt;}
.opt {
  font-family: 'Red Hat Text', sans-serif; font-weight: 600; font-size: 10pt; line-height: 16pt; letter-spacing: 1px;}
.section {
    font-family: 'Big Shoulders Display', cursive; font-size: 48pt; line-height:35pt; letter-spacing: 1pt; font-weight: 300;}

#section-menu .button { font-family: 'Red Hat Text', sans-serif; background: #df1d83; font-size: 15pt; font-weight: 700; letter-spacing: 1pt; padding: 2% 5%; border-radius: 40px; color: #fff; cursor: pointer; width: 60%; margin: 0 15%; display: block;}
#footer .button {  font-family: 'Red Hat Text', sans-serif; background: #df1d83; font-size: 10pt; font-weight: 700; letter-spacing: 1pt; padding: 10px 20px; border-radius: 30px; color: #fff; cursor: pointer;}
#footer .button:hover, #section-menu .button:hover { background: #1b9f9f;}

#section-menu .subtitle { font-size: 35pt; letter-spacing: 0; line-height: 32pt;}

#foot-1.text {
  font-size: 9pt; line-height:16pt;}
#foot-1.text a {
  font-size: 8pt; line-height:16pt; letter-spacing: 1pt;}
#copy.text {
  font-family: 'Red Hat Text', sans-serif; font-weight:100; font-size: 8pt; line-height:13pt;}
#foot-1.text a:hover { color: #1b9f9f;}

texto {
    color: #000; font-family: 'Red Hat Text', sans-serif; font-weight:300; font-size: 13pt; line-height:12pt;}

@media screen and (max-width: 769px) {
.title {
    font-size: 5.5vw; line-height: 35pt;}
.subtitle {
    font-size: 5.4vw; line-height: 4.5vw; }  
.dish {
  line-height: 15pt; letter-spacing: 2pt; text-transform: uppercase;}
#section-menu .subtitle { font-size: 32pt; letter-spacing: 0; line-height: 25pt;}
.opt {
  font-size: 10pt; line-height: 19pt; letter-spacing: 1px;
}
#section-menu .button { padding: 3% 5%; width: 90%; margin: 0;}
}

@media screen and (max-width: 581px) {
.title {
    font-size: 45pt; line-height: 46pt;}
.subtitle {
    font-size: 45pt; line-height: 35pt;}  
.text {
    font-size: 12pt; line-height:15pt; }
.section {
    font-size: 40pt; line-height:35pt; letter-spacing: 1pt; font-weight: 300;}
#section-menu .button { padding: 5%; width: 90%; margin: 0;}
}