/* General Blueprint Style */
@import url('https://fonts.googleapis.com/css?family=Caveat+Brush|Roboto+Slab:500|Roboto:300&display=swap');

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


.orange { color:#f37721;}
.green { color:#8dc540;}
.pink { color:#e60b88;}

.title
{
  font-family: 'Caveat Brush', cursive;
	font-size: 12em;
	line-height:1em;
}

.subtitle {
  font-family: 'Roboto Slab', sans-serif;
	font-size: 2.5em; }
.subtitle a, .subtitle a:hover {color:#fff;}

.section
{
  font-family: 'Caveat Brush', cursive;
	font-size: 5em;
}

.subtitle-2 {
  font-family: 'Roboto', sans-serif;
	font-size: 1.6em;}  
  
.text {
  font-family: 'Roboto', sans-serif;
    color: #fff;
	font-size: 1.3em; }
	  
.tel {
  font-family: 'Roboto Slab', sans-serif;
	font-size: 1.3em; }

.dish {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 1.3em;
	letter-spacing: 1pt;
	text-transform: uppercase;
	line-height: 1.6em;}
.descr {
	font-family: 'Roboto', sans-serif;
	font-size: 1.25em; line-height: 1.35em;}
  
#menu.text
{
  font-family: 'Roboto', sans-serif;
    color: #fff;
	font-size: 11pt;
	font-weight: 300;
	letter-spacing: 2pt;
	  }

 .platillo
{
  font-family: 'Roboto', sans-serif;
    color: #e60b88;
	font-size: 1.4em;
	font-weight: 700;
	  }
	   
 .price
{
  font-family: 'Roboto', sans-serif;
    color: #ba3f23;
	font-size: 1.3em;
	font-weight: 400;
	  }

h1
{
  font-family: 'Caveat Brush', cursive;
   color: #f37721;
	font-size: 3em;
	line-height:1em;
}



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

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


.subtitle
{
  font-family: 'Roboto', sans-serif;
	font-size: 1.5em;
	  }
	}
@media screen and (max-width: 481px) {
	.title
{
	font-size: 6em;
}
.text {
	font-size: 1.1em; }
	  
.tel {	font-size: 1.2em; }

#menu.text {
	font-size: 9.5pt;
	letter-spacing: 2pt;
	  }
.section
{
	font-size: 4em;
}
#copyright .text {font-size: 1em;}
}