/*@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('https://themes.googleusercontent.com/font?kit=MMDEOSa6i6T9gBocjYCJkQ') format('woff');
}*/

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic,900,900italic);

@import url(https://fonts.googleapis.com/css?family=Damion);
body{
	background: #ffffff;
	margin: 0;
	font-family: 'Roboto', sans-serif;
}

button, button:focus{
	border: none;
	background: none;
}

p{
	margin: 0px;
	padding: 0px;
}

.rBold{
	font-weight: 700;
}

.rBoldI{
	font-weight: 700;
	font-style: italic;	
}

.ohm{
	font-family: 'Damion';
}

.ohm-book{
	font-style: italic;
	font-weight: 400;
}

header.mainHeader{
	display: block;
	width: 100%;
	height: 74px;
	padding: 30px 0 30px 0;	
}

header.mainHeader .logo{
	display: block;
	margin: 0 auto;
	width: 272px;
}
nav.menu{
	text-align: center;
	display: inline-block;
	background: #e54a41;
	padding: 0px; 
	width: 100%;
	font-weight: 300;
}

nav.menu ul{
	list-style: none;
	font-size: 18px;
	padding:0px;
	margin: 0 auto;
	display: block;
}

nav.menu ul li{
	border-bottom: 1px solid #ec6d66;
}

nav.menu ul li.last{
	border-bottom: none;
}

nav.menu ul li a{
	color: #ffb4b0;
	padding: 8px 0px;
	text-decoration: none;
	display: block;
}

nav.menu ul li a.active, nav.menu ul li a:hover{
	color: #ffffff;
}

nav.menu ul li.last a{
	border-right: none;
}
footer{
	text-align: center;
	display: inline-block;
	background: #f8f8f8;
	padding: 19px 0px 17px 0px; 
	margin-bottom: -4px;
	width: 100%;
}


footer ul.fMenu{
	list-style: none;
	font-size: 14px;
	padding:0px;
	float: left;
}

footer ul.fMenu li{
	float: left;
}

footer ul.fMenu li a{
	color: #666666;
	padding: 0px 13px;
	text-decoration: none;
	border-right: 2px solid #666666;
	font-family: 'Helvetica';
	font-weight: 400;
}

footer ul.fMenu li.last a{
	border-right: none;
}

footer ul.sMenu{
	float: left;
	margin: 2px 0px 0px 15px;
	padding:0px;
}

footer ul.sMenu li{
	display: inline-block;
}

footer ul.sMenu li a{
	display: inline-block;
	height: 23px;
	width: 23px;
}

footer ul.sMenu li.fb a{
	background: url(../img/social.png) 0px 0px;
}

footer ul.sMenu li.tw{
	margin-left: 10px;
}

footer ul.sMenu li.tw a{
	background: url(../img/social.png) -36px 23px;
}

.book-details{
	float: left;
	font-size: 18px;
	padding: 15px;
	font-weight: 300;
	line-height: 28px;
	color: #555555;
}

.book-details p.details{
	margin-top: 41px;
}

.book-details p.details.first{
	margin-top: 22px;
}

.book-details p.head{
	font-weight: 500;
	font-style: italic;
	color: #3fb34f;
}

.book-img{
	padding: 25px;
}

.book-img img{
	width: 100%;
}

.contacts-details{
	font-size: 18px;
	font-weight: 400;
	color: #555555;
	line-height: 30px;
	padding: 15px;
}

.invite{
	color: #3fb34f;
}

.contact-form{
	padding: 15px;
}

.contact-form form p{
	border: 1px solid #d6d6d6;
	padding: 11px; 
	color: #555555;
	font-size: 18px;
	font-weight: 400;
	margin-top: 17px;
}

.contact-form form label, .contact-form form input, .contact-form form input:focus, .contact-form form textarea, .contact-form form textarea:focus, .contact-form button:focus{
	border: none;
	outline: none;
}

.contact-form form input[type="text"]{
	margin-left: 5px;
	width: 290px;
}
.contact-form form textarea{
	vertical-align: middle;
}

.contact-form button{
	background: none;
	border: none;
	float: right;
	margin-top: 17px;
	margin-bottom: 20px;
}


.profile-pic{
	margin-top: 20px;
}

.profile-pic img{
	width: 100%;
}

.profile-details{
	line-height: 28px;
	font-size: 18px;
	color: #555555;
	padding: 15px;
}

.profile-details p{
	margin-top: 28px
}

.about-book{
	font-weight: 400;
	color: #555555;
	line-height: 28px;
	font-size: 18px;
	padding: 15px;
}
            
.goodread{
	display: block;
	text-align: center;
	margin-top: 46px;
}

.buyButton{
	display: inline-block;
	margin-top: 46px;
	text-align: center;
}

.bookPic{
	padding: 25px;
}

.bookPic img{
	width: 100%;
}

.contact-form form p.error{
	color: red;
	border: none;
	padding-left: 0px;
	font-size: 14px;
	display: none;
}

@media (max-width: 600px) {
	
}

@media (min-width: 600px){
	nav.menu{
		padding: 9px 0px 8px 0px; 
	}

	nav.menu ul{
		display: inline-block;
	}
	nav.menu ul li{
		float: left;
		border-bottom: none;
	}

	nav.menu ul li a{
		border-right: 2px solid #ec6d66;
		padding: 0px 20px;
	}

	.middle-wrapper{
		height: 648px;
	}

	.book-details{
		width: 445px;
		margin: 120px 0px 0px 120px;
		padding: 0px;
	}

	.book-img{
		float: left;
		margin: 74px 0px 0px 170px;
	}

	footer ul.fMenu{
		margin: 0 0 0 122px;
	}

	footer ul.sMenu{
		float: right;
		margin: -4px 143px -6px 0;
	}

	.profile-pic{
		width: 499px;
		display: inline-block;
		float: left;
		margin-left: 11.78%;
		margin-top: 85px;
	}


	.profile-details{
		float: left;
		width: 600px;
		margin-top: 50px;
		margin-left: 5px; 
		padding: 0px;
	}

	.about-book{
		float: left;
		width: 475px;
		margin-left: 10.28%;
		margin-top: 60px;
		padding: 0px;
	}

	.buyButton{
		text-align: left;
	}

	.buy-az{
		margin-left: 10px;
	}

	.bookPic{
		float: left;
		width: 600px;
		display: inline-block;
		margin-left: 25px;
		margin-top: 64px;
		padding: 0px;
	}

	.contacts-details{
		width: 545px;
		margin-left: 14%;
		margin-top: 74px;
		float: left;
		padding: 0px;
	}


	.contact-form{
		width: 377px;
		margin-left: 85px;
		float: left;
		margin-top: 53px;
		padding: 0px;
	}

	.contact-form form textarea{
		width: 350px;
	}
}