/*@charset "utf-8";
 CSS Document */

/*@font-face {
  font-family: 'gadugi';
  font-style: normal;
  font-weight: 300;
  src: local('gadugi'), local('gadugi'), url(../fonts/GADUGI.TTF) format('ttf');
}

body {
	text-align:justify;	
	font-family: "Arial Black", Gadget, sans-serif;
	background-color:#fff;
}*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,700,700italic);

strong {
    font-weight: bold;
} 

body { 
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif, 'Open Sans', sans-serif; 
	font-size: 1.1em; 
/*	font-weight: 300;*/
	color: #000;
	margin: 0;
	padding: 0;
}

#page { /*max-width: 1200px;*/ margin: 0 auto; position: relative;}



#coverbox {
	width:800px;
	position:fixed; 
	background-color:#fff;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border:1px solid #000;
	padding:20px;
}

#cover {
	float:left;
	width:50%;
}

#bookcopy {
	width:48%;
/*	border: 1px solid #000;*/
	float:right;
}

#bkcopy{
	width:100%; 
	text-align:
	center;
	margin-top:-5px
}

#bkcopy #heading{
	width:100%; 
	text-align:center;

}
#bkcopy h1{
	margin-bottom:0px;
	margin-top:0;
}

#sggcopy{
	text-align:left;
	padding:0 5% 0 5%;
	font-size: 1.2em;
}

#p1 { margin-bottom: 10px; }
#p2 { margin:5px 0 10px 0; }

#contactBTN {
	float:left;
	width:100%;
	margin:8px 0; 
	background-color:#314f8d;
}

#contactBTN img {
	float:left;
	height:35px;
}

.copylink,.copyface {
	display:block; 
	border:1px solid #000;
	float:left;
	padding:5px;
	font-size:1em;
}

.copyface{
	font-size:0.9em;
	margin:0;
}

.copylink {
	font-size:0.9em;
	margin-top:6px;
}

.copylink img, .copyface img {
	float:left;
	margin-right:10px;
}

a { 
	text-decoration:none;
	color:blue;

}

a:visited {color:blue;}
a:hover { background-color:#eee;}

#bkpictures {
	//float:left;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: -1;
}

#floatpics {

	max-height:165px;
	z-index:-10;
}

.italic {
	font-style:italic;
}

@media screen and (max-width:1000px) {
	
#coverbox {
	width:750px;
	padding:15px;
}

#bkcopy h1{
	font-size:1.4em;
}

#sggcopy{
  font-size:1.1em;
}

.copyface{
	font-size:0.9em;
	margin-top:0px;
}

.copylink {
	font-size:0.9em;
}

}
	
@media screen and (max-width:825px) {

#coverbox {
	width:700px;
	padding:10px;
}

#cover {
/*	width:50%;*/
}

#sggcopy{
  font-size:1em;
}

.copylink {
	margin-top:5px;
}

}
@media screen and (max-width:760px) {

#coverbox {
	width:585px;
	position:relative; 
	left: 50%;
	top: 50%;
	transform: translate(-50%, 5%);
	float:left;
}

#cover {
	width:50%;
}

#floatpics {
	max-height:95px;
}

#bkcopy h1{
	font-size:1.2em;
}
#sggcopy{
  font-size:0.8em;
}

#contactBTN {
	margin-top:0;
}

.copyface{
	font-size:1em;
	margin-top:0px;
}

.copylink {
	font-size:0.98em;
	margin-top:0px;
}

.copylink img, .copyface img {
	height:60px;
}



}

@media screen and (max-width:625px) {
#coverbox {
	width:375px;
	position:relative; 
/*	margin:10% 14% 0 14%;
	padding:10px;
	float:left;*/
	
}

#cover {
	width:100%;
	margin-bottom:20px;
}

#floatpics {
	max-height:95px;
}

#bookcopy {
	width:100%;
/*	border: 1px solid #000;*/
	float:right;
}

#bkcopy h1{
	font-size:1.3em;
	margin-top:15px;
}
#sggcopy{
	  font-size:0.9em;
}

.copyface{
	margin:0 0 20px 0;
}

.copylink {
	margin-top:0;
}

}
	
@media screen and (max-width:425px) {

#coverbox {
	width:300px;
}

#floatpics {
	max-height:80px;
}

.copyface{
	font-size:0.9em;
}

.copylink {
	font-size:0.9em;
}
		
}