
p{
	font-size: 18px;
    color: #9B9B9B;
}

.dropdown-menu.show {
    display: inline-flex !important;
    width: 100% !important;
    border-radius: 0px !important;
    margin: auto !important;
    justify-content: center !important;
}

.dropdown-menu.show li{
	margin: 0px 10px;
}

.dropdown-menu.show a{
	color: black;
}

.fa-brands{
	font-size: 25px;
}
i.fa-brands:hover{
	color:red !important;


}

#home{
	height: 100vh;
	position: fixed;
	background-repeat: no-repeat;
    background-size: cover;
    background-image: url('img/background.jpg'); 
	    background-position: center center;
}

#homecon h1{
   font-family: "Special Elite", system-ui;
  font-weight: 400;
  font-style: normal;
	color: white;
	    line-height: 90px;
  text-align: center;
  font-size: 47px;
      text-shadow: 0px 0px 5px black;
}

#homecon h2{
	  font-family: Garamond, serif;
	  text-align: right;
}
#homecon{
	position:relative;
	z-index: 2;
}

#b1{
    font-size: 22px;
    text-decoration: none;
    background: #DCA63D;
    border-radius: 50px;
	transition: all 0.5s ease;
}

#b1:hover{
    background: white;
    color: #DCA63D;
	box-shadow: 0 8px 16px #DCA63D;
}

#b1 a{
	color: black;
	transition: all 0.5s ease;
	text-decoration:none;
    padding: 10px 40px;	
}
#b1 a:hover{
    color: #FBEFEF;
	
}

#b2{
    font-size: 22px;
    text-decoration: none;
    background: black;
    border-radius: 50px;
	transition: all 0.5s ease;
	display:block;
	margin:auto;
}

#b2:hover{
    background: white;
    color: black;
	box-shadow: 0 8px 16px black;
}

#b2 a{
	color: white;
	transition: all 0.5s ease;
	text-decoration:none;
	padding: 10px 40px;
}
#b2 a:hover{
    color: black;
}

#buy img{
	    width: 40px;
		    margin: 0px 10px;
}
#buy a{
	color: black;

	text-decoration: none;
}
#buy a:hover{
	color: red;
;
}

#author{
    padding: 100px 10px 25px 10px;
	overflow: hidden;	
}

.icons {
    position: relative;
    left: 80%;
    bottom: 40px;
	font-size: 30px;
	color: white;
}
.icons a{
	color:white;
}

.fa-brands:hover{
	    color: #DCA63D;
}

.fa-envelope:hover{
	    color: #DCA63D;
}

ul.custom-list {
  list-style: none;
  padding-left: 1.5em; /* space for bullet */
}

ul.custom-list li {
  position: relative;
  padding-left: 3.8em;
}

ul.custom-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: -0.8em; /* vertical alignment */
  width: 55px; /* desired width */
  height: 55px; /* desired height */
  background-image: url('images/back.png');
  background-size: contain;
  background-repeat: no-repeat;
}



.container.bookimage img {
    max-width: 100%;
    height: auto;
    display: block;
}




#thoughts{
	
	padding: 100px 0px 100px 0px;;
	background: black;
}


#thoughts video {
    max-width: 90%;
    height: auto;
	display: block;
	margin: auto;

}


.thoughts_icons {
    position: relative;
    top: 50%;
	font-size: 30px;
	color: white;
}

.thoughts_icons a{
	color:white;
}

.throughtsimg img{
	max-width: 90%;
	height: auto;
	display: block;
	margin: auto;
}


iframe {
    max-width: 100%;
}



#author{
		position:relative;
	z-index: 2;
    background: linear-gradient(transparent, #FAF7F6, #FAF7F6, #FAF7F6);
}



#book{position:relative;
	z-index: 2;
	 background:    linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.35)),    url('img/background2.jpg')
    center / cover no-repeat;



}

#buy{
	position:relative;
	z-index: 2;
	background: #FAF7F6;
}

















@media (max-width: 991.98px) {
  .navbar-collapse.show .navbar-image {
    display: block;
	    opacity: 1;
    transform: translateY(0);
  }
  
 
  img.sparkel{
      height: 55vh !important;
  } 
  .icons {
    left: 50%;
	right: 50%;
	top: 10px;

	}
	.thoughts_icons{
		top: 0%;
		margin-bottom: 20px;
	}
	

}

@media screen and (min-width: 1025px) and (max-width: 1280px){
	 nav.navbar.navbar-expand-lg{
		 padding: 8px 30px;	
	 }
}	

