/* @link https://utopia.fyi/type/calculator?c=360,12,1.2,2880,24,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

:root {
  --step--2: clamp(0.5208rem, 0.4581rem + 0.2788vw, 0.96rem);
  --step--1: clamp(0.625rem, 0.5429rem + 0.3651vw, 1.2rem);
  --step-0: clamp(0.75rem, 0.6429rem + 0.4762vw, 1.5rem);
  --step-1: clamp(0.9rem, 0.7607rem + 0.619vw, 1.875rem);
  --step-2: clamp(1.08rem, 0.8995rem + 0.8024vw, 2.3438rem);
  --step-3: clamp(1.296rem, 1.0626rem + 1.0373vw, 2.9297rem);
  --step-4: clamp(1.5552rem, 1.2542rem + 1.3377vw, 3.6621rem);
  --step-5: clamp(1.8662rem, 1.4789rem + 1.7215vw, 4.5776rem);
}

/* story2.css, Gromet's Plaza shared CSS */
BODY {margin:10px 5% 16px 5%; font-size:var(--step-0)}
.story1,.story1c {font-family:"Century Gothic";font-size:var(--step-0)}
.story1 P {margin:4px 0}
.story1r {float:right}
.story1c {text-align:center}
H1,H3 {font-family:"Trebuchet MS";font-size:var(--step-3);font-weight:bold;margin:1px 0}
H3 {font-size:var(--step-2)}
A {color:#B00005}
A:visited {color:#b88}
A:hover {text-decoration:none}
.story5l {font-family:"Century Gothic";}
.story6 {font-family:"Trebuchet MS";font-size:var(--step-3);text-align:center}
.storym {font-family:"Times New Roman",Times,serif;font-size:var(--step-2);margin-top:40px}
.storym P {overflow-wrap:break-word}
.style4 {font-family:"Trebuchet MS";font-size:var(--step--1)}
.style5,.style7 {color:#FFF;font-size:var(--step--2)}
.styleDW,.style20,.style21,.style22 {font-family:"Arial, Helvetica",sans-serif}
.styleDW {color:#F00;font-size:var(--step-1);background-color:#E5E5E5;text-align:center}
.style20 {font-size:var(--step-3);color:#00F;font-weight:bold}
.style21 {font-size:var(--step-2);color:#00F}
.style22 {font-size:var(--step-1);color:#CC33CC}
.feature IMG {float:left;padding:0 10px 0 0}

#foot { padding: 1em; line-height: 1em; }
@media only screen and (max-width:790px){
BODY {margin:10px 20px}
IMG {max-width:100%;height:auto}
}
@media only screen and (max-width:500px){
BODY {margin:5px 10px}
.storym {margin-top:30px}
}