/* General Blueprint Style */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Pinyon+Script&family=Syncopate:wght@400;700&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:#ab4a1f;}
.icon-facebook-square:hover { color:#f6962c;}
.icon-google-plus:hover { color:#f6962c;}
.icon-instagram:hover { color:#f6962c;}

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

.whi { color:#fff;}
.blu { color: #005b75;}
.yel { color:#f6962c;}
.red { color:#791617;}
.ora { color:#ab4a1f;}
.bla { color:#000;}
.med { font-weight: 400;}

.title { font-family: 'Syncopate', sans-serif; font-size: 26pt; line-height: 24pt;}
.title2 { font-family: 'Pinyon Script', sans-serif; font-size: 50pt; line-height: 45pt; text-align: left; font-weight: 200;}
.sub { font-family: 'Outfit', sans-serif; font-size: 1.8vw; line-height: 2.4vw;}
.sub2 { font-family: 'Outfit', sans-serif; font-size: 14pt; font-weight: 300; line-height: 18pt;}
.sub3 { font-family: 'Syncopate', sans-serif; font-size: 10.5pt; line-height: 13pt; text-transform: uppercase;  font-weight: 200;}
.text { font-family: 'Outfit', sans-serif; font-size: 13pt; line-height: 16.6pt; font-weight: 200;}

.disc { font-family: 'Syncopate', sans-serif; font-size: 3.1vw; line-height: 30pt; text-align: left; font-weight: 400; display: block; width: 74%; margin: 0 13%;}
.aute { font-family: 'Pinyon Script', sans-serif; font-size: 9.5vw; text-align: center; display: block; width: 100%; margin: -25px 0 0; color: #005b75;}
.fla { font-family: 'Syncopate', sans-serif; font-size: 3.1vw; line-height: 30pt; text-align: right; font-weight: 700; display: block; width: 74%; margin: -7px 13% 0;}

.fila1 .sub, .fila2 .sub, .fila4 .sub { font-family: 'Syncopate', sans-serif; font-size: 2.5vw; line-height: 2.6vw;}
.fila1 .sub2, .fila2 .sub2, .fila4 .sub2 { font-family: 'Pinyon Script', sans-serif; font-size: 5.3vw; line-height: 3.5vw; } 

texto { font-family: 'Outfit', sans-serif; font-size: 12pt; line-height: 18pt; font-weight: 300;}

.dish { font-family: 'Outfit', sans-serif;  font-size: 11.5pt; line-height: 14pt; font-weight: 600; width: 70%; display: block; float: left; letter-spacing: 0.2px; margin: 2% 1% 0 0; color:#ab4a1f;}
.prc { font-family: 'Outfit', sans-serif; display: block; width: 29%; clear: none; float: left; font-size: 11.5pt; line-height: 14pt; font-weight: 600; text-align: right; color:#005b75; margin-top: 2%;} 
.desc { font-family: 'Outfit', serif; font-size: 11pt; line-height: 13.5pt; display: block; width: 95%; clear: both; margin-left: 5%; font-weight: 300;}
.opt { font-weight: 400;}
#center .dish, #center2 .dish { width: 100%; }
#center .desc, #center2 .desc { width: 100%; margin-left: 0;}


footer .text, footer .text a { font-size: 9pt; line-height: 12.5pt; font-weight: 300; color: #000;}
footer .text a:hover { color: #ab4a1f;}
footer .copy a, .copy { font-size: 8pt; line-height: 11pt; color: #ab4a1f;}
footer .copy a:hover { color: #000;}

@media screen and (max-width: 769px) {
    .title { font-size: 27pt; line-height: 27pt;}
    .sub { font-size: 14pt; line-height: 16pt;} 
    .sub2 { font-size: 14pt; line-height: 16pt;}
    .disc { font-size: 20pt; line-height: 28pt; width: 80%; margin: 0 10%;}
    .aute { font-size: 56pt; margin: -28px 0 0; margin: -35px 0 0;}
    .fla { font-size: 20pt; line-height: 28pt; width: 80%; margin: -22px 10% 0;}
    
.fila1 .sub, .fila2 .sub, .fila4 .sub { font-size: 20pt; line-height: 21pt;}
.fila1 .sub2, .fila2 .sub2, .fila4 .sub2 { font-size: 45pt; line-height: 25pt; } 
}
@media screen and (max-width: 581px) {
    .title { font-size: 25pt; line-height:25pt;}
    .sub { font-size: 15pt;line-height: 20pt;}
    .text { font-size: 13pt; line-height: 17pt;}
    .icon-facebook-square:before, .icon-google-plus:before, .icon-instagram:before { font-size: 20pt; line-height: 32pt;}
    .title2 { font-size: 45pt; line-height: 40pt;}
    .dish { font-size: 11.5pt; line-height: 14pt; margin-top: 8px;}
    .desc { font-size: 11.5pt; line-height: 14.5pt;}
    .opt { margin-left: 15px;}
    .disc { font-size: 22pt; line-height: 30pt; width: 100%; margin: 0;}
    .aute { font-size: 68pt; margin: -30px 0 0; font-weight: 200;}
    .fla { font-size: 22pt; line-height: 30pt; width: 100%; margin: -15px 0 0;}
}