/* General Blueprint Style */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Sigmar&display=swap');

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

.bl { color: #000;}
.oran { color: #df6c55;}
.red { color: #d5454e; }
.bold { font-weight: 700;}
.med { font-weight: 500;}
.yel { color: #f0a138;}

.title {
  font-family: 'Sigmar', cursive;
   color: #e16c51;
	font-size: 6em;
	line-height:1em;
}
.subtitle {
  font-family: 'Outfit', sans-serif;
    color: #358266;
	font-size: 2.5em;
	font-weight: 400;
}
.sub {
    font-family: 'Outfit', sans-serif;
	font-size: 1.58em;
	font-weight: 300;
}
.text {
  font-family: 'Outfit', sans-serif;
    color: #321d1c;
	font-size: 1.3em;
	font-weight: 300;
}
.platillo {
  font-family: 'Outfit', sans-serif;
    color: #358266;
	font-size: 1.4em;
	font-weight: 600;
    line-height: 1.26em;
}   
.price {
  font-family: 'Outfit', sans-serif;
    color: #d5454e;
	font-size: 1.3em;
	font-weight: 400;
	  }
.opt { font-family: 'Outfit', sans-serif; font-size: 1.25em; font-weight: 400; display: block; margin-left: 15px;}

h1 {
  font-family: 'Sigmar', cursive;
   color: #e16c51;
	font-size: 3.4em;
	line-height:1em;
}

@media screen and (max-width: 869px) {
.title {
  font-family: 'Sigmar', cursive;
   color: #e16c51;
	font-size: 3.5em;
	line-height:1em;
}
.subtitle {
  font-family: 'Outfit', sans-serif;
    color: #358266;
	font-size: 1.5em;
	font-weight: 400;
}
}