/* General Blueprint Style */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,300;6..12,500;6..12,800&family=Young+Serif&display=swap');

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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-close:before {
  content: "\f00d";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-times:before {
  content: "\f00d";
}
.icon-leaf:before {
  content: "\f06c";
}
.icon-facebook-square:before {
  content: "\f082";
  font-size: 18pt; margin-right: 5px; line-height: 23pt;
}
.icon-bars:before {
  content: "\f0c9";
}
.icon-navicon:before {
  content: "\f0c9";
}
.icon-reorder:before {
  content: "\f0c9";
}
.icon-google-plus:before {
  content: "\f0d5";
  font-size: 18pt; line-height: 23pt;
}
.icon-instagram:before {
  content: "\f16d";
  font-size: 18pt; margin-right: 5px; line-height: 23pt;
}


a .icon-facebook-square, a .icon-google-plus, a .icon-instagram { color:#e4de68;}
.icon-facebook-square:hover { color:#fff;}
.icon-google-plus:hover { color:#fff;}
.icon-instagram:hover { color:#fff;}

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

.whi { color:#fff;}
.ora { color: #c94f01;}
.yel { color:#e4de68;}
.blu { color: #3584b2;}
.wine { color:#651107;}
.bei { color:#efdeba;}
.bold { font-weight:800;}

#menu { font-family: 'Nunito Sans', serif; font-size: 9pt; letter-spacing: 2.4pt; font-weight: 700; text-transform: uppercase; color: #fff;}
.title { font-family: 'Nunito Sans', sans-serif; font-size: 2vw; line-height:2.2vw; font-weight: 300;}
.title2 { font-family: 'Young Serif', sans-serif; font-size: 32pt; line-height: 42pt; font-style: normal;}
.sub { font-family: 'Nunito Sans', serif; font-size: 1.8vw; line-height: 2.4vw;}
.sub2 { font-family: 'Nunito Sans', serif; font-size: 14pt; font-weight: 300; line-height: 18pt; font-style: italic;} 
.text { font-family: 'Nunito Sans', sans-serif; font-size: 11pt; line-height: 14.5pt; font-weight: 300;}

#modulo4.text { font-size: 10.5pt; line-height: 12pt; text-transform: uppercase; letter-spacing: 3pt;}

texto { font-family: 'Nunito Sans', sans-serif; font-size: 12pt; line-height: 16pt; font-weight: 300;}

.dish { display: block; font-size: 10.5pt; line-height: 13pt; margin-top: 6px; letter-spacing: 1px;}
.desc { font-family: 'Nunito Sans', serif; font-size: 10.5pt; line-height: 13pt;}
.opt { display: block; margin-left: 10px;}

footer .text, footer .text a { font-size: 9.5pt; line-height: 12pt; color:#efdeba;}
footer .text a:hover { color: #fff;}
footer .copy a, .copy { font-size: 8pt; line-height: 11pt; color:#e4de68;}
footer .copy a:hover { color: #fff;}

@media screen and (max-width: 769px) {
    .title { font-size: 15pt; line-height: 19pt;}
    .sub { font-size: 14pt; line-height: 16pt;} 
    .sub2 { font-size: 13pt; line-height: 17pt;} 
}
@media screen and (max-width: 581px) {
    .title { font-size: 18pt; line-height:20pt;}
    .sub { font-size: 15pt;line-height: 20pt;}
    .text { font-size: 11pt; line-height: 16pt;}
    .icon-facebook-square:before, .icon-google-plus:before, .icon-instagram:before { font-size: 20pt; line-height: 32pt;}
    .title2 { font-size: 25pt; line-height: 32pt;}
    
    .dish { font-size: 11.5pt; line-height: 14pt; margin-top: 8px; letter-spacing: 1.5px}
    .desc { font-size: 11.5pt; line-height: 14.5pt;}
    .opt { margin-left: 15px;}
}



