/* General Blueprint Style */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;700&family=Satisfy&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bevan&display=swap');

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


.yell { color:#de7c00;}
.whi { color:#fff;}
.orange { color:#cc3817;}
.blue  { color:#196168;}
.rojo { color:#990d2f;}
.bold { font-weight:700;}

.title
{
  font-family: 'Satisfy', cursive;
	font-size: 40pt;
}

.subtitle-1 {
  font-family: 'Montserrat', sans-serif;
	font-size: 17pt;
	font-weight: 300;
	line-height:1.6em;
	 letter-spacing:4pt;}  

.text {
  font-family: 'Montserrat', sans-serif;
	font-size: 1.3em; 
	font-weight: 300;
	}
	
 .text2 {
  font-family: 'Bevan', cursive;
	font-size: 1.3em; 
	font-weight: 400;
	}
	

.tel {
  font-family: 'Montserrat Slab', sans-serif;
	font-size: 1.3em; }

 .platillo
{
  font-family: 'Montserrat', sans-serif;
    color: #cc3817 ;
	font-size: 1.3em;
	font-weight: 700;
	  }
	   
 .price
{
  font-family: 'Montserrat', sans-serif;
    color: #de7c00;
	font-size: 1.3em;
	font-weight: 300;
	  }

h1
{
  font-family: 'Satisfy', cursive;
  font-size: 4em;
   color:#196168;
}



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

.title
{
  font-family: 'Satisfy', cursive;
	font-size: 3em;
	line-height:1em;
}


	}
@media screen and (max-width: 481px) {
	.title
{
  font-family: 'Satisfy', cursive;
	font-size: 35pt;
}

.subtitle-1 {
  font-family: 'Montserrat', sans-serif;
	font-size: 12pt;
	font-weight: 700; line-height:18pt; letter-spacing:1pt;}  


}