/* General Blueprint Style */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,500;0,600;1,300&family=Protest+Strike&display=swap');

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?1l2uj7');
  src:  url('fonts/icomoon.eot?1l2uj7#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?1l2uj7') format('truetype'),
    url('fonts/icomoon.woff?1l2uj7') format('woff'),
    url('fonts/icomoon.svg?1l2uj7#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-facebook-square:before {
  content: "\f082";
  font-size: 28pt;
  margin-right: 5px;
  line-height: 36pt;
}
.icon-google-plus:before {
  content: "\f0d5";
  font-size: 28pt;
  line-height: 36pt;
}
.icon-mobile:before {
  content: "\e90e";
  vertical-align: middle;
  color:#b0222e;
}
.icon-instagram:before {
  content: "\f16d";
  font-size: 28pt;
  line-height: 36pt;
  margin-right: 5px;
}
.icon-chevron-left:before {
  content: "\e903";
}
.icon-chevron-right:before {
  content: "\e904";
}
.icon-location-pin:before {
  content: "\e90d";
  vertical-align: middle;
  color:#b0222e;
}
.icon-mail:before {
  content: "\e900";
  font-size: 11pt;
  vertical-align: middle;
}
.icon-menu:before {
  content: "\e902";
}

footer a .icon-google-plus, footer a .icon-instagram, footer a .icon-facebook-square { color: #b0222e;}
footer a .icon-google-plus:hover, footer a .icon-instagram:hover, footer a .icon-facebook-square:hover { color: #daa843; transition: all 0.3s linear;}

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


.yel { color:#daa843;}
.whi { color:#fff;}
.gre { color: #49835d;}
.red { color: #b0222e;}
.ora { color: #bc4f24;}
.bl { color: #35180e;}
.blu { color: #06a4a6;}
.bold { font-weight: 700;}
.med { font-weight: 500;}
.lg { font-weight: 300;}

h1 { font-family: 'Protest Strike', sans-serif; font-size: 6.8vw; text-decoration-line: underline; text-decoration-style: solid; margin-left: 17%;}
h2 { font-family: 'Protest Strike', sans-serif; font-size: 6.8vw; text-decoration-line: underline; text-decoration-style: solid; margin-left: 32%; margin-top: -9%;}
h3 { font-family: 'Protest Strike', sans-serif; font-size: 70pt; line-height: 50pt;}

h4 { font-family: 'Poppins', sans-serif; font-size: 12pt; font-weight: 600; line-height: 14pt;}
.dish { font-family: 'Poppins', sans-serif; font-size: 12pt; font-weight: 600; line-height: 14pt; display: block; margin-top: 6px;}
.desc { font-family: 'Poppins', sans-serif; font-size: 11pt; line-height: 15pt; font-weight: 200; display: block; margin-left: 15px;}
.opt { font-family: 'Poppins', sans-serif; font-size: 11pt; line-height: 15pt; font-weight: 500; display: block;}
.aco { font-family: 'Poppins', sans-serif; font-size: 11pt; line-height: 15pt; font-weight: 300; font-style: italic;}
.title { font-family: 'Protest Strike', sans-serif; font-size: 30pt; text-align: center; text-transform: uppercase; line-height: 34pt;}
.sub { font-family: 'Poppins', sans-serif; font-size:17pt;line-height:20pt; padding-bottom: 0.5%; letter-spacing: 2pt; text-transform: uppercase;} 
.text { font-family: 'Poppins', sans-serif; font-size: 14pt; line-height:18pt; letter-spacing: 0.5px;}

texto { font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 14pt; line-height:20pt; color: #35180e;}

footer .text { font-size: 9.5pt; line-height: 13pt; letter-spacing: 0; font-weight: 300;}
footer .text a:hover { color:#daa843;}
#copy.text, #copy.text a { font-family: 'Poppins', sans-serif; font-size: 8pt; line-height: 10pt; color: #000; letter-spacing: 0;}
#copy.text a:hover { color: #fff;}


@media screen and (max-width: 581px) {
    h1 { font-size: 34pt; margin-left: 0%; text-decoration-line: none; letter-spacing: 0;}
    h2 { font-size: 34pt;  margin-left: 10%; margin-top: -17%; text-decoration-line: none; letter-spacing: 0;}
    h3 { font-size: 50pt; line-height: 70pt;}
    .title { font-size: 24pt; line-height:30pt;}
    .sub { font-size:14pt;line-height:18pt;} 
    .text { font-size: 14pt; line-height:18pt; letter-spacing: 0.5px;}
    #copy.text { font-size: 8pt; line-height: 12pt; }
}