/* 
 ***********************************************************
Modification History
Document created on 04/19/22
 ***********************************************************
[04/19/22]  [boB]  [ Only styles for Stories from Other Worlds title portion...Styles for the rest of the page found in global.css ]
*/
.griffith-1-chapter-title {
	font-family: "longdon_decorativenormal";
	font-size:200%;
	font-style:normal;
	font-weight:normal;
	margin-top:10px;
	margin-left:4%;
	margin-bottom:5px;
	word-spacing:-.2em;
	letter-spacing: .09em;
	line-height:1.2em;
	}
/* Old */
.griffith-ow-01b{font-size:140%;margin-bottom:25%;}
.griffith-ow-02b{font-size:150%;margin-bottom:25%;}
.griffith-ow-03b{font-style:italic;font-size:120%;margin-bottom:5%;}
/* End Old */

.griffith-ow-logo-top{float:left;margin-left:15%;margin-right:50%;}
.griffith-ow-logo-left{clear:left;float:left;margin-left:15%;margin-bottom:2%;}
.griffith-ow-logo-02-top{float:left;margin-left:15%;margin-right:50%;}
.griffith-ow-logo-02-left{clear:left;float:left;margin-left:15%;margin-bottom:2%;}
.griffith-ow-box{float:left;display:block;width:28%;margin-top:0;margin-bottom:5%;text-align:center;}
.griffith-blurb-text{font-style:italic;font-size:100%;margin-left:3px;margin-bottom:15%;padding-left:1%;}
.griffith-ow-01{font-size:140%;margin-top:10%;margin-bottom:25%;}
.griffith-ow-02{font-size:160%;margin-bottom:15%;line-height:1em;}
.griffith-ow-03{font-style:italic;font-size:120%;margin-bottom:5%;}
.griffith-ow-intro-paragraph{clear:left;display:block;margin: auto auto 3% auto;width:80%;}




@media only screen and (min-width: 900px) and (max-width: 960px){
.griffith-ow-logo-top{float:left;margin-left:10%;margin-right:50%;width:auto;height:auto;}
#griffith-ow-logo-left{clear:left;float:left;margin-left:10%;margin-bottom:2%;margin-top:-3px;height:auto;width:auto;}
.griffith-ow-logo-02-top{float:left;margin-left:8%;margin-right:50%;}
.griffith-ow-logo-02-left{clear:left;float:left;margin-left:8%;margin-bottom:2%;}
}

@media only screen and (min-width: 699px) and (max-width: 1400px){
.griffith-ow-box{float:left;display:block;width:40%;margin-top:0;text-align:center;}
.griffith-blurb-text{font-style:italic;font-size:100%;margin-left:3px;margin-bottom:15%;padding-left:1%;}
.griffith-ow-01{font-size:140%;margin-top:10%;margin-bottom:25%;}
.griffith-ow-02{font-size:160%;margin-bottom:5%;}

}

@media only screen and (min-width: 700px) and (max-width: 899px){
.griffith-ow-logo-top{float:left;margin-left:15%;margin-right:50%;}
#griffith-ow-logo-left{clear:left;float:left;margin-left:15%;margin-bottom:2%;margin-top:-5px;height:auto;width:27.5%;}
.griffith-ow-logo-02-top{float:left;margin-left:15%;margin-right:50%;}
.griffith-ow-logo-02-left{clear:left;float:left;margin-left:15%;margin-bottom:2%;height:auto;width:33.5%;}
.griffith-ow-01{font-size:125%;margin-top:5%;margin-bottom:15%;}
.griffith-ow-02{font-size:120%;margin-bottom:25%;}
.griffith-ow-03{font-style:italic;font-size:120%;margin-bottom:15%;}
}

@media only screen and (max-width: 699px){
.griffith-ow-box{float:left;display:block;width:50%;margin-top:0;text-align:center;}
.griffith-blurb-text{font-style:italic;font-size:80%;margin-left:3px;margin-bottom:15%;line-height:1em;padding-left:1%;}
.griffith-ow-01{font-size:100%;margin-top:5%;margin-bottom:15%;}
.griffith-ow-02{font-size:120%;margin-bottom:15%;}
.griffith-ow-03{font-style:italic;font-size:120%;margin-bottom:15%;}
#griffith-ow-logo-left{clear:left;float:left;margin-left:15%;margin-bottom:2%;margin-top:-2px;height:auto;width:31.5%;}
.griffith-ow-logo-02-left{clear:left;float:left;margin-left:15%;margin-bottom:2%;height:auto;width:33.5%;}
#title {width:80%;height:auto;}

}
@media only screen and (max-width: 479px){
.griffith-ow-01{font-size:100%;margin-top:5%;margin-bottom:5%;}
.griffith-ow-02{font-size:120%;margin-bottom:2%;}
.griffith-ow-03{font-style:italic;font-size:120%;margin-bottom:25%;}
#title {width:90%;height:auto;}
.griffith-ow-logo-top{float:left;margin-left:10%;margin-right:50%;}
#griffith-ow-logo-left{clear:left;float:left;margin-left:10%;margin-bottom:2%;margin-top:-2px;height:auto;width:34.5%;}
.griffith-ow-logo-02-top{float:left;margin-left:10%;margin-right:50%;}
.griffith-ow-logo-02-left{clear:left;float:left;margin-left:10%;margin-bottom:2%;height:auto;width:33.5%;}
.griffith-ow-intro-paragraph{clear:left;display:block;margin: 40% auto 15% auto;width:90%;}

}