/* General Blueprint Style */
@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@300;900&family=Zilla+Slab:ital,wght@0,300;0,600;1,300&display=swap');

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

.oran { color:#ef7d19;}
.whi { color:#fff;}
.blue { color:#79c9cf;}
.black { color: #292829;}
.bold { font-weight:900;}

.title {
  font-family: 'Catamaran', sans-serif;
	font-size:3.5vw; font-weight:900; line-height:4.6vw;
}
.subtitle-1 {
  font-family: 'Catamaran', sans-serif;
	font-size: 20pt; line-height:26pt;}  
.subtitle-2 {
  font-family: 'Zilla Slab', serif;
	font-size: 25pt; line-height:31pt; font-style:italic;}  
.text {
  font-family: 'Catamaran', sans-serif;
  font-size: 14pt; line-height:20pt;}  
.text2 {
  font-family: 'Zilla Slab', serif;
  font-size: 14pt; line-height:20pt;}  

.tit1 { font-family: 'Catamaran', sans-serif;
  font-size: 8vw; font-weight:900; }
.tit2 { font-family: 'Zilla Slab', serif;
  font-size: 9.1vw; font-weight:300;}
.sub1 { font-family: 'Zilla Slab', cursive;
  font-size: 2vw; font-weight:300; font-style: italic;}
.sub2 {
  font-family: 'Catamaran', sans-serif;
  font-size: 24pt; line-height:28pt;}  
#w5.sub1 { font-family: 'Zilla Slab', serif;
  font-size: 2vw; font-weight:300; font-style: normal;} 
.tit2 { font-family: 'Zilla Slab', cursive;
  font-size: 9.1vw; font-weight:300; font-style:italic;} 
#footer .subtitle-2 {
	font-size: 35pt; line-height:40pt; font-style:italic;}
#footer .subtitle-2 a:hover {color: #79c9cf;}
#footer .subtitle-2 a:visited, #footer .subtitle-2 a:active {color: #fff;}
#recipe-1.text { font-size: 24pt;}
#recipe-1 .tit1 { font-size: 14pt;}
#recipe-3.text, #recipe-3 .text2 { font-size: 17pt; line-height:23pt;}
#column3 .tit1 { line-height: 6.5vw;}
#column3 .tit2 { line-height: 8.5vw;}
#column6 .subtitle-2, #column5 .subtitle-2 {
	font-size: 30pt; line-height:36pt;} 

  
@media screen and (max-width: 848px) {
.title {
  font-size: 29pt;
  line-height:34pt; }
.subtitle {
  font-size: 1.5em; }
#footer .subtitle-1 {
  font-size: 3.5vw ; line-height: 4.5vw;}
#footer .subtitle-2 {
	font-size: 4.5vw; line-height:6vw; }
#recipe-1.text { font-size: 20pt;}
.sub1 { font-size: 3vw;}
#w5.sub1 { font-size: 3vw; font-style: normal;}
.tit1 { font-size: 10vw;}
.tit2 { font-size: 11vw;} 
#recipe-3.text, #recipe-3 .text2 { font-size: 15pt; line-height:20pt;}
#column3 .tit1 { line-height: 8vw;}
}
@media screen and (max-width: 481px) {
.title {
	font-size: 28pt; }
#footer .subtitle-1, #footer2 .subtitle-1 {
  font-size: 14pt ; line-height: 17pt;}
#footer .subtitle-2, #footer2 .subtitle-2 {
	font-size: 14pt; line-height:17pt; }
#footer .text, #footer2 .text {
	font-size: 13pt; line-height:18pt; }
.subtitle-1 {
	font-size: 12pt;
 line-height:18pt;}  
.subtitle-2 {
	font-size: 20pt;
	font-weight: 300; line-height:24pt;}  
#recipe-1.text { font-size: 20pt;}
.sub1 { font-size: 16pt;}
#w5.sub1 { font-size: 16pt;}
.tit1 { font-size: 50pt;line-height: 40pt;}
.tit2 { font-size: 40pt; line-height: 30pt;} 
#column3 .tit1 { line-height: 40pt;}
#recipe-3.text, #recipe-3 .text2 { font-size: 15pt; line-height:20pt;}
}