/* FF Stuff */

.site-header {
	background: #030A0F url(images/fabledfalcon_1305x427.jpg) top center no-repeat;
	min-height: 424px;
	border-top: 0px solid #267ABE;
	border-bottom: 0px solid #267ABE;
	border-left: 0px solid #267ABE;
	border-right: 0px solid #267ABE;
	clear: both;
	padding-bottom: 5%;
}

.site-inner{
	background: url(images/Alley_1240_1032_Pink_30.jpg)
}

.content-sidebar-wrap {
	margin: 0 auto;
	padding: 10px 20px 10px 20px;
	float: none;	

}



.content {
	background:rgb(0,0,0);
	background: rgba(0,0,0,0.2);
}

.page {
	background:rgb(0,0,0);
	background: rgba(0,0,0,0.1)!important;

}

#FFMainBodyTop{ 
	width: 90%;
	height: auto;
	margin-top: 0%;
	margin-bottom: 0%;
	padding: 0px;
	Float: Left;	
	position: relative;
	opacity: 0.7;
	background: white;
	}
0
#FFHeader { 
        width: 90%;
	height: auto;
	margin-top: -5%;
	padding-top: 0%;
	padding-left: 40%;
	padding-right: 5%;
        margin-bottom: 0%; 
	margin-left: 0%; 
        display: inline-block;
	}
#FFHeader .p1 span {
        width: 90%;
        margin-bottom: 0%; 
	float: center;
	color:black;
	}

.FFHeaderText0 p1 span {
        display: block;
        width: 100%;
        margin-top: 20%; 
        margin-left: 8%; 
        margin-bottom: 0%; 
        font-family: 'Roboto', sans-serif;
	font-size: 48px;
	font-weight: bold;
	text-align: left;
        text-shaFF: -3px 3px 3px black;
	color:#f854b8;
	}

.FFeaderText0 p2 span {
        display: block;
        white-space: pre-line;
	width: 30%;
        height: auto;
        margin-top: -1%; 
        margin-left: 14%; 
        margin-bottom: 0%; 
        font-family: 'Roboto', sans-serif;
        font-style: italic;
	font-size: 20px;
	font-weight: bold;
	text-align: right;
        text-shaFF: -3px 3px 3px black;
	color:white;
	}

.FFHeaderText1 { 
/*	background: url(images/FSK_thekey.png) no-repeat top center; 
*/
   margin-top: 0%; 
   margin-bottom: 0%; 
	padding: 0px;
	margin-left: 4%;
	background: black;

/*	float: left;  */
	}

.FFHeaderText1 p1 span {
        display: inline-block;
        margin-top: 0%; 
        padding-left: 5%;
				padding-right: 5%; 
        margin-bottom: 0%; 
        font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-align: left;
	color: #f503d4;
/*	color: #f854b8;
/*	color:#c68b2d;
        color: #FFFFFF;    */
        }


.FFHeaderText1 p2 span {
        display: inline-block;
        font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 900;
	float: left;
	padding-bottom: 0%;
	padding-left: 0%;
	padding-right: 5%;
	text-align: left;
	color: black;
	margin-bottom: 1%;
/*	color:#A1680D;
        color:#c68b2d;    */
	}

#FFIntroSub0 {
	margin: 0%;
	padding-top: 0%;
	padding-left: 0%;
	padding-right: 5%;
	width: 90%; 
 	height: auto;
	background:rgb(0,0,0);
	background: rgba(0,0,0,0);
	float: left;
	z-index: 1;
	margin-bottom: 2%;
	}

#FFIntroSub0 .p1 {
  font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 450;
	text-align: left;
	color: black;
	margin-left: 5%;
	}

#FFIntroSub0 .p2 {
  font-family: 'Roboto', sans-serif;
	font-size: 20px;
	text-align: center;
	color: lawngreen;
	}

#FFHomeLink { 
	width: 900px;
	height: 22px;
	margin-top: 0%;
	margin-bottom: 5%;
	margin-left: 200px;
	margin-right: 10px;
	padding- right 0px;
	float: Left;
	}
	



	#FFBookCover a {	
	display:block;
	background: url(images/fabled-falcon-180x290.png) no-repeat top left; 
   margin-top: 0%; 
   margin-left: 0%; 
   margin-right: 0%; 
   margin-bottom: 2%; 
	padding-left: 2%; 
	padding-right: 2%; 
	padding-top: 0%; 
	padding-bottom: 0%; 
	width: 200px; 
	height: 300px; 
	float: left;
	text-indent:-3000px; 
	overflow:hidden; 
	text-decoration:none; 
	}
	
	/* Main Wrap */


/* Media Queries */

/* ----------- Galaxy Tab 10.1 ----------- */

/* Portrait and Landscape */

@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px) {
  .site-header {
	background: #030A0F url(images/fabledfalcon_845x276.jpg) top center no-repeat;
	min-height: 440px;
/*	height: 375px; */ 
	clear: both;
	padding-bottom: 5%;
}
}

/* Portrait */

@media 
  (max-device-width: 800px) 
  and (orientation: portrait) { 
.site-header {
	background: #030A0F url(images/fabledfalcon_845x276.jpg) top center no-repeat;
	min-height: 440px;
/*	height: 375px; */ 
	clear: both;
	padding-bottom: 5%;
}
}

/* Landscape */

@media 
  (max-device-width: 1280px) 
  and (orientation: landscape) { 
.site-header {
	background: #030A0F url(images/fabledfalcon_1025x335.jpg) top center no-repeat;
	min-height: 440px;
/*	height: 375px; */ 
	clear: both;
	padding-bottom: 5%;
}
}


/* iPad in portrait & landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
{ .site-header {
	background: #030A0F url(images/fabledfalcon_1214x427.jpg) top center no-repeat;
	min-height: 440px;
/*	height: 375px; */ 
	clear: both;
	padding-bottom: 5%;
}
}

/* iPad in landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
{ .site-header {
	background: #030A0F url(images/fabledfalcon_1214x427.jpg) top center no-repeat;
	min-height: 440px;
/*	height: 375px; */ 
	clear: both;
	padding-bottom: 5%;
}
}

/* iPad in portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
{ .site-header {
	background: #030A0F url(images/fabledfalcon_845x276.jpg) top center no-repeat;
	min-height: 440px;
/*	height: 375px; */ 
	clear: both;
	padding-bottom: 5%;
}
}

/* iPhone X in portrait & landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3)
{ .site-header {
	background: #030A0F url(images/fabledfalcon_580x189.jpg) top center no-repeat;
	min-width: 375px;
	min-height: 290px;
/*	height: 375px; */
	clear: both;
	padding-bottom: 5%;
}
}

/* iPhone X in landscape  */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape)
{ .site-header {
	background: #030A0F url(images/fabledfalcon_580x189.jpg) top center no-repeat;
	min-width: 375px;
	min-height: 290px;
/*	height: 375px; */
	clear: both;
	padding-bottom: 5%;
}
}

/* iPhone X in portrait  */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : portrait)
{ .site-header {
	background: #030A0F url(images/fabledfalcon_580x189.jpg) top center no-repeat;
	min-width: 375px;
	min-height: 290px;
/*	height: 375px; */
	clear: both;
	padding-bottom: 5%;
}
}

/* iPhone 6, 7, & 8 Media Queries  */
/* iPhone 6, 7, & 8 in portrait & landscape  */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px)
{.site-header {
	background: #030A0F url(images/fabledfalcon_580x189.jpg) top center no-repeat;
	min-width: 375px;
    min-height: 290px;

/*	height: 375px; */
	clear: both;
	padding-bottom: 5%;
}
}

/* iPhone 6, 7, & 8 in landscape  */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape)
{ .site-header {
	background: #030A0F url(images/fabledfalcon_580x189.jpg) top center no-repeat;
	min-width: 375px;
	min-height: 290px;
/*	height: 375px; */
	clear: both;
	padding-bottom: 5%;
}
}

/* iPhone 6, 7, & 8 in portrait  */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait)
{ .site-header {
	background: #030A0F url(images/fabledfalcon_380x124.jpg) top center no-repeat;
	min-width: 375px;
	min-height: 240px;
/*	height: 375px; */
	clear: both;
	padding-bottom: 5%;
}
}

/* iPhone 6, 7, & 8 Plus Media Queries  */
/* iPhone 6, 7, & 8 Plus in portrait & landscape  */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px)
{ .site-header {
	background: #030A0F url(images/fabledfalcon_580x189.jpg) top center no-repeat;
	min-width: 375px;
	min-height: 290px;
/*	height: 375px; */
	clear: both;
	padding-bottom: 5%;
}
}

/* iPhone 6, 7, & 8 Plus in landscape  */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape)
{.site-header {
	background: #030A0F url(images/fabledfalcon_580x189.jpg) top center no-repeat;
	min-width: 375px;
	min-height: 290px;
/*	height: 375px; */
	clear: both;
	padding-bottom: 5%;
}
}

/* iPhone 6, 7, & 8 Plus in portrait  */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait)
{ .site-header {
	background: #030A0F url(images/fabledfalcon_580x189.jpg) top center no-repeat;
	min-width: 375px;
	min-height: 290px;
/*	height: 375px; */
	clear: both;
	padding-bottom: 5%;
}
}

/* iPhone 5 & 5S Media Queries  */
/* iPhone 5 & 5S in portrait & landscape  */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px)
{ .site-header {
	background: #030A0F url(images/fabledfalcon_580x189.jpg) top center no-repeat;
	min-width: 375px;
	min-height: 290px;
/*	height: 375px; */
	clear: both;
	padding-bottom: 5%;
}
}

/* iPhone 5 & 5S in landscape  */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape)
{ .site-header {
	background: #030A0F url(images/fabledfalcon_580x189.jpg) top center no-repeat;
	min-width: 375px;
	min-height: 290px;
/*	height: 375px; */
	clear: both;
	padding-bottom: 5%;
}
}

/* iPhone 5 & 5S in portrait  */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait)
{ .site-header {
	background: #030A0F url(images/fabledfalcon_380x124.jpg) top center no-repeat;
	min-width: 375px;
	min-height: 180px;
/*	height: 375px; */
	clear: both;
	padding-bottom: 5%;
}
}

