/*
	$Author: Kyra Myles $
        $Revision: 1 $
*/
 
/* **************************************** Body and global settings ************************************************ */
@import url('https://fonts.googleapis.com/css?family=Alice');
@import url('https://fonts.googleapis.com/css?family=Risque');
@import url('https://fonts.googleapis.com/css?family=Saira Extra Condensed');


.topbackground {
	background-image: radial-gradient(#0082BA,#000000); 	
	margin: 0px;
	padding: 0%;
	width: 100%;
	height: auto;
}
.swing{background: url(pics/book_stack400.png) 18% 60% no-repeat;}

.top_title_name{font-size: 50pt;font-family: 'Alice';text-align: center;padding-top: 4%;font-weight: 500;color: #FFFF00;}
.title_name{font-size: 35pt;text-align: left;padding-top: 2%;font-family: 'Alice';font-weight: 600;color: #006089;}
.genre_name{font-size: 30pt; font-family: 'Saira Extra Condensed';font-weight: 400;padding-top:2px;color: #FFFFFF;}
.brand_blurb{font-size: 32pt; font-family: 'Risque'; padding-top:0;padding-bottom: 40px;color: #75FF75;}



/****************************** Phones and tablets ***********************************/
@media only screen and (max-width: 1055px) {			
	.top_title_name{font-size: 45pt;}
	.title_name{font-size: 25pt;}
	.genre_name{font-size: 20pt;}
	.brand_blurb{font-size: 25pt;}
	.swing{background: url(pics/book_stack300.png) 14% 60% no-repeat;}
}
@media only screen and (max-width: 1024px) {			
	.top_title_name{font-size: 45pt;}
	.title_name{font-size: 22pt;}
	.genre_name{font-size: 18pt;}
	.brand_blurb{font-size: 24pt;}
	.swing{background: url(pics/book_stack300.png) 13% 60% no-repeat;}
}
@media only screen and (max-width: 768px) {
	.top_title_name{font-size: 40pt;}
	.title_name{font-size: 20pt;}
	.genre_name{font-size: 15pt;}
	.brand_blurb{font-size: 21pt;}
}
@media only screen and (max-width: 700px) {
	.top_title_name{font-size: 35pt;}
	.genre_name{font-size: 15pt;}
	.brand_blurb{font-size: 20pt;}
	.swing{background: url(pics/book_stack256.png) 12% 60% no-repeat;}
}
@media only screen and (max-width: 600px) {
	.top_title_name{font-size: 30pt;}
	.genre_name{font-size: 14pt;}
	.brand_blurb{font-size: 16pt;}
}
@media only screen and (max-width: 500px) {
	.top_title_name{font-size: 30pt;}
	.title_name{font-size: 15pt;}
	.genre_name{font-size: 13pt;}
	.brand_blurb{font-size: 15pt;}
	.swing{background: url(pics/book_stack200.png) 10% 60% no-repeat;}
}
@media only screen and (max-width: 460px) {
	.top_title_name{font-size: 25pt;}
	.genre_name{font-size: 11pt;}
	.brand_blurb{font-size: 11pt;}
}
@media only screen and (max-width: 426px) {
	.top_title_name{font-size: 20pt;}
	.genre_name{font-size: 10pt;}
	.brand_blurb{font-size: 10pt;}
	.swing{background: url(pics/book_stack150.png) 8% 60% no-repeat;}
	}
@media only screen and (max-width: 350px) {
	.top_title_name{font-size: 18pt;}
	.genre_name{font-size: 9pt;}
	.brand_blurb{font-size: 9pt;}
	.swing{background: url(pics/book_stack128.png) 7% 60% no-repeat;}
}