/* General Blueprint Style */
@import url('https://fonts.googleapis.com/css?family=BioRhyme:300,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Karla:wght@300;800&display=swap');

a:link { color: #fff; text-decoration:none;  }
a:visited { color: #fff; }
a:hover { color: #d4a23f; }
a:active { color: #d4a23f; }
.white { color: #fff; }
.red { color: #c72831; }
.blue { color: #206a80; }
.blue2 { color: #31b0a8; }
.yell { color: #f3b62e; }
.bold {	font-weight: 700; }
.light {font-weight: 300; }

.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:  'Karla', sans-serif; font-size: 1.2em; }
.platillo {    font-family: 'Karla', sans-serif; color: #000; font-size: 1.4em; font-weight:800; }  
.price { font-family: 'BioRhyme', serif; color: #c02026; font-size: 1.4em; font-weight: 700;  }
.h1 {  font-family: 'BioRhyme', serif; font-size: 4.5em; line-height:1em; text-transform:uppercase; 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;	  }
}