.sassy-frass-regular {
  font-family: "Sassy Frass", cursive;
  font-weight: 400;
  font-style: normal;
}



p{
	font-size: 18px;
    color: #9B9B9B;
}

.aclonica-regular {
  font-family: "Aclonica", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.abril-fatface-regular {
  font-family: "Abril Fatface", serif;
  font-weight: 400;
  font-style: normal;
}
.aclonica-regular {
  font-family: "Aclonica", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.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:#FBEFEF !important;
	filter: drop-shadow(0px 0px 3px black);

}

#home{
	height: 100vh;
	background-repeat: no-repeat;
    background-size: cover;
    background-image: url('img/background.jpg'); 
}

#home h1{
  font-family: "Petemoss", cursive;
  font-weight: 400;
  font-style: normal;

  text-align: center;
  font-size: 70px;
}
#home h2{
	  font-family: Garamond, serif;
	  text-align: right;
}


#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: #FBEFEF;
filter: drop-shadow(0px 0px 3px black);
}

#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%;
}



























@media (max-width: 991.98px) {
  .navbar-collapse.show .navbar-image {
    display: block;
	    opacity: 1;
    transform: translateY(0);
  }
  
  #home-col{
	  height: auto !important;
  }
   #home h1{
	   font-size: 55px;
   } 
  #home{
	 height: 100% !important;
	 padding-top: 70px;
  }
  #home .row{
	  flex-direction: column-reverse;
  }
  
  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;	
	 }
}	