@font-face { font-family: Advent Pro;     		src: url(fonts/Advent_Pro/AdventPro-Bold.ttf); }
@font-face { font-family: Advent Pro;     		src: url(fonts/Advent_Pro/AdventPro-Light.ttf); }
@font-face { font-family: Oswald;         		src: url(fonts/Oswald/Oswald-VariableFont_wght.ttf); }
@font-face { font-family: Raleway;        		src: url(fonts/Raleway/Raleway-VariableFont_wght.ttf); }
@font-face { font-family: Raleway-Italic; 		src: url(fonts/Raleway/Raleway-Italic-VariableFont_wght.ttf); }
@font-face { font-family: MountainsofChristmas;	src: url(fonts/Mountains_of_Christmas/MountainsofChristmas-Regular.ttf); }
@font-face { font-family: MountainsBold; 		src: url(fonts/Mountains_of_Christmas/MountainsofChristmas-Bold.ttf); }
@font-face { font-family: Love Light;     		src: url(fonts/Love_Light/LoveLight-Regular.ttf); }
@font-face { font-family: Comforter;      		src: url(fonts/Comforter/Comforter-Regular.ttf); }
@font-face { font-family: Fuzzy Bubbles;  		src: url(fonts/Fuzzy_Bubbles/FuzzyBubbles-Regular.ttf); }
@font-face { font-family: Princess Sofia; 		src: url(fonts/Princess_Sofia/PrincessSofia-Regular.ttf); }
@font-face { font-family: Annie;          		src: url(fonts/Annie_Use_Your_Telescope/AnnieUseYourTelescope-Regular.ttf); }
@font-face { font-family: Pangolin;          	src: url(fonts/Pangolin/Pangolin-Regular.ttf); }
@font-face { font-family: Bilbo;       		   	src: url(fonts/Bilbo_Swash_Caps/BilboSwashCaps-Regular.ttf); }
@font-face { font-family: Nanum;       		   	src: url(fonts/Nanum_Brush_Script/NanumBrushScript-Regular.ttf); }
@font-face { font-family: Ole;       		   	src: url(fonts/Ole/Ole-Regular.ttf); }
@font-face { font-family: Shadows;       		src: url(fonts/Shadows_Into_Light/ShadowsIntoLight-Regular.ttf); }
@font-face { font-family: Shalimar;       		src: url(fonts/Shalimar/Shalimar-Regular.ttf); }
@font-face { font-family: Stalemate;       		src: url(fonts/Stalemate/Stalemate-Regular.ttf); }

@font-face { font-family: Cormorant;       		src: url(fonts/Cormorant_Infant/CormorantInfant-Regular.ttf); }
@font-face { font-family: Playfair;       		src: url(fonts/Playfair_Display/PlayfairDisplay-VariableFont_wght.ttf); }
@font-face { font-family: Cutive;       		src: url(fonts/Cutive_Mono/CutiveMono-Regular.ttf); }
@font-face { font-family: Josefin;       		src: url(fonts/Josefin_Slab/JosefinSlab-VariableFont_wght.ttf); }
@font-face { font-family: MPlus;       	 		src: url(fonts/M_PLUS_1_Code/MPLUS1Code-VariableFont_wght.ttf); }

.annie h2		{ font-family: Annie; }


/* for use by style guide */

/* Sans-serif */
p.advent 		{ font-family: Advent Pro; }
p.raleway 		{ font-family: Raleway; }
/* Serif */
p.cormorant 	{ font-family: Cormorant; }
p.playfair 		{ font-family: Playfair; }
p.josefin 		{ font-family: Josefin; }
/* Monospace */
p.mplus 		{ font-family: MPlus; }
p.cutive 		{ font-family: Cutive; }
/* Cursive */
p.annie 		{ font-family: Annie; }
p.comforter 	{ font-family: Comforter; }
p.fuzzy 		{ font-family: Fuzzy Bubbles; }
p.love 			{ font-family: Love Light; }
p.pangolin 		{ font-family: Pangolin; }
p.xmas  		{ font-family: MountainsofChristmas; }
p.bilbo 		{ font-family: Bilbo; }
p.nanum 		{ font-family: Nanum; }
p.ole  			{ font-family: Ole; }
p.shadows 		{ font-family: Shadows; }
p.shalimar 		{ font-family: Shalimar; }
p.sofia 		{ font-family: Princess Sofia; }
p.stalemate 	{ font-family: Stalemate; }


.ctn.grid.wiki.widest 					{ grid-gap: 2em; padding: 0 3em; grid-template-columns: repeat(3, minmax(25vw, 1fr) ); }
.ctn.grid.wiki.widest p					{ font-size: 1.7em; break-inside: avoid; }
.ctn.grid.wiki.widest div:last-of-type	{ columns: 25vw; grid-column: 1 / -1; max-width: unset; }
.ctn.grid.wiki.widest div h3			{ grid-column: 1 / -1; break-after: avoid; }
.ctn.grid.wiki.widest div h2			{ column-span: all; max-width: 100%;}


@media screen and (max-width: 781px) { 
	.ctn.grid.wiki.widest 				{ padding: 0 1em; grid-template-columns: repeat(auto-fit, minmax(24em, 1fr) ); }
  	.ctn.grid.wiki.widest p				{ font-size: 1.5em; }
  	.ctn.grid.wiki.widest div:last-of-type	{ columns: 24em; grid-column: 1 / -1; max-width: unset; }
}