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

@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}
}