@font-face {
    font-family: futuralight;
    src: url(../images/fonts/Futura.otf);
    }
	@font-face {
    font-family: avenirpro;
    src: url(../images/fonts/AvenirNextLTPro-Demi.otf);
    }
	@font-face {
    font-family: avantgarde-medium;
    src: url(../images/fonts/AvantGarde-Medium.otf);
    }
	@font-face {
    font-family: avantgarde-demi;
    src: url(../images/fonts/AvantGarde-Demi.otf);
    }
	body {
	 font-family: futuralight;
	 transform: scale(1.05);
	 transform-origin: 0 0;
	}
	#header-large {
	 height: 195px;
	 margin-top: -30px;
	}
	#page, #header, #nav {
		width:980px;
		margin: 0px auto 0px auto;
		text-align: center;
	}
	#header {
	 height: 140px;
     top: 25px;
	 position: relative;
	 font-family: avantgarde-medium;
	 color: black !important;
	}
	#nav a {
	 padding: 0px 60px 10px 60px;
	 font: normal normal normal 30px/1.4em avantgarde-medium;
	}
	a {
	text-decoration: none;
	color: darkred;
	}
	a:hover {
	color: rgb(194,195,197);
	}
	#subheading {
	 font-size: 18px;
	 color: rgb(83,76, 68);
	}
	#heading {
	 font-size: 22px;
	 position: relative;
     top: 15px;
	 color: rgb(50,45, 39);
	}
	#nav {
	display: block;
    height: 35px;
	margin-top: 20px;
	padding-bottom: 20px;
	}
	#content {
	 background: white;
	 color: black;
	}
	.img-wrap img {
	 width: 190px;
     height: 120px;
	}
	.img-wrap {
	 float:left;
	 padding-right: 20px;
	}
	.cols1 {
	 float: left;
	 width:48%;	
	 background-color:#d8ecf3;
	 height: 675px;
	 margin-top: 30px;
	 margin-bottom:30px;
	}
	.cols {
	 float: right;
	 width:47%;	
	 background: white;
	 color: black;
	 padding: 10px;
	 text-align:left;
	 
	}
	.cols1 img {
	 width: 300px; 
	 margin-top: -10px;
	}
	
	#book-pic-top {
	width: 330px;
	margin: 0 auto;
	padding: 15px 40px;
	text-align: justify;
	}
	
	/* author page */
	
	.cols-a {
	 float: left;
	 width:31%;	
	 background: white;
	 color: black;
	 padding: 10px;
	 text-align: center;
	 height: 500px;
	 }
	.cols-a img, .box img {
	 box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	 width: 232px;
	}
	.cols-a img {
	 position: relative;
	 z-index: 1;
	 top: -45px;
	}
	#g {
		bottom: 255px;
		position: relative;
	}
	/* press page */
	#buying {
		margin: 0 auto 50px auto;
		width: 70%;
	}
	
@media only screen and (min-width: 0px) and (max-width : 1280px) {	
	body {
	 transform: scale(1.0);
	 transform-origin: 0 0;
	}
}