body{
	background: url(img/back.jpg);
	background-position: center;
	background-size:cover;
}
h1{
	font-family: "Forum", serif;
	font-size: 65px !important;
	line-height: 1 !important;
	text-shadow: 2px 2px 2px #ffffff;
}
p{
	font-size: 18px;
}



.row{
	align-content: center;
    align-items: center;
}




#gap{
	width: 100%;
}
#gapright .row{
	height: 150px;
	justify-content: flex-end;
}
#gapleft .row{
	height: 150px;
	justify-content: flex-start;
}

#gapright img {
    width: 70%;
}
#gapleft img {
    width: 70%;
}

.row{
	align-content: center;
    align-items: center;
}




#home{
	padding-top: 50px
}


#home .row{
	height: 100vh;
	align-content: center;
    align-items: center;
}

#home img {
    width: 70%;
    display: block;
    margin: auto;
	padding: 5px;
}



#author{
	padding-top: 50px
}

#author img{
    width: 70%;
    display: block;
    margin: auto;
	padding: 5px;
}

#author h1{
	text-align: center;
}



#book{
	padding-top: 50px
}


#book img{
    width: 70%;
    display: block;
    margin: auto;
	padding: 5px;
}

#book h1{
	text-align: center;
}

#book p{
	text-align: right;
}

#buy img{
	width: 50px;
}

#buy{
	text-align: center;
	position: relative;
}

#buy a img{
	margin: 0px 5px;
}

#buy a{
	text-decoration: none;
	color: #474747;
	text-shadow: 2px 2px 2px #ffffff;
}

#buy a:hover{
	color:#813055;
}

.social li{
	display: inline-block;	
}

.social a{
	font-size: 24px;
	margin: 0px 5px;
	text-decoration: none;
	color: #474747;	
}

.social a:hover{
	color:#813055;
}


/* Default Navbar */
.custom-navbar {
  background: transparent;
  transition: all 0.4s ease;
}

/* Text color */
.custom-navbar .nav-link,
.custom-navbar .navbar-brand {
  color: #474747 !important;
  transition: color 0.3s ease;
}

/* Hover color */
.custom-navbar .nav-link:hover,
.custom-navbar .navbar-brand:hover {
  color: #813055 !important;
}

/* Navbar after scroll */
.custom-navbar.scrolled {
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
