/* 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: #5a2222; }
a:active { color: #5a2222; }

.oran { color:#667713;}
.red { color:#ba3f23;}
.med { font-weight: 500;}
	
.title {
  font-family: 'Sigmar', sans-serif;
   color: #5a2222;
	font-size: 6em;
	line-height:1em;
}
.subtitle {
  font-family: 'Outfit', sans-serif;
    color: #ea9a00;
	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.25em;
  font-weight: 300; }
 .platillo {
  font-family: 'Outfit', sans-serif;
  color: #ea9a00;
  font-size: 1.35em;
  font-weight: 600;
}   
 .price {
  font-family: 'Outfit', sans-serif;
  color: #ba3f23;
  font-size: 1.25em;
  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', sans-serif;
   color: #5a2222;
	font-size: 3.4em;
	line-height: 1em;
}

@media screen and (max-width: 30.5em) {

.title {
  font-family: 'Sigmar', sans-serif;
  color: #5a2222;
  font-size: 3.2em;
  line-height: 1em;
}
.subtitle {
  font-family: 'Outfit', sans-serif;
  color: #ea9a00;
  font-size: 1.5em;
  font-weight: 400;
}


	}