/* General Blueprint Style */
@import url('https://fonts.googleapis.com/css?family=BioRhyme:300,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Medula+One&display=swap');
@import url('https://fonts.googleapis.com/css?family=Muli:300,700&display=swap');

a:link { color: #fff; text-decoration:none; font-weight:700 }
a:visited { color: #fff; }
a:hover { color: #d4a23f; }
a:active { color: #d4a23f; }
.white { color: #fff; }
.red { color: #c02026; }
.blue { color: #122e53; }
.blue2 { color: #31b0a8; }
.yell { color: #d4a23f; }
.bold {	font-weight: 700; }
.light {font-weight: 300; }
.fa-star-of-life { font-size: 13pt; margin-right: 5px;}

.title {
  font-family: 'BioRhyme', serif; font-size: 6em; line-height:1em;
}
.subtitle {
  font-family: 'BioRhyme', serif; font-size: 1.4em; letter-spacing: 3px;
	  }
.text {
  font-family: 'Muli', sans-serif; font-size: 1.2em;
	  }
.platillo {
    font-family: 'BioRhyme', serif; color: #c02026; font-size: 1.4em; font-weight:300;
	  }  
.price {
  font-family: 'BioRhyme', serif; color: #31b0a8; font-size: 1.4em; font-weight: 700;
	  }
.h1 {
  font-family: 'Medula One', cursive; font-size: 4.5em; line-height:1em; text-transform:uppercase;
}
.raw {
  font-family: 'Muli', sans-serif; font-size: 10pt; font-weight: 700;
	  }


@media screen and (max-width: 30.5em) {
.title {
 font-family: 'BioRhyme', serif; font-size: 3.5em; line-height:1em;
}
.subtitle {
  font-family: 'BioRhyme', serif; serif; ont-size: 1.5em;
	  }
}