body {
    text-align: center;
    background-color: #fdfdfd;
    margin: 0;
    color:#3c4656;
    font-family: infant;
    max-width: 1750px;
    margin: auto;
}

@font-face {
  font-family: infant;
  src: url(infant.ttf);
}

#Parallax {
  /* The image used */
  background-image: url("images/segal.jpg");
    
  /*background-image: url("images/birds.jpg"); */

  /* Set a specific height */
  min-height: 800px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: left;
}

.split {
    margin-left: 250px;
    margin-right: 250px;
}

.splitLeft {
    width: 60%; 
    float:left;
}

.splitRight {
    width: 40%; 
    float:right;
}

.blue {
    /*color: #399ed7;*/
}

.img {
    box-shadow: 0 0px 10px 5px rgb(0 0 0 / 0.2);
    width: 476px;
    height: 595px;
    background: url("images/freddyCoverPhoto.jpeg") no-repeat;
    background-position: center center;
    background-size: 100%;
    
}
/*.img:hover {
    background: url("images/backOfCover.jpg") no-repeat;
    background-size: 100%;
}*/

.Availability {
    background-color: white;
    width: 360px;
    box-shadow: 0 0px 10px 5px rgb(0 0 0 / 0.2);
    text-align: center;
    padding: 15px;
    /* Coming Soon 
    display: none;*/
}

 {
    font-weight: bold;
}

/*#buyNow {
    border-radius: 10px;
    text-align: center;
    background-color: #3f8fac;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 100px;
    margin-right: 100px;

}

.button {
    text-decoration: none;
    color: white;
}

.button #buyNow:hover {
    background-color: #689db0;
    transition: .1s;
}*/

/* ------------------ */


#about {
    text-align: center;
    margin: auto;
}

#aboutBook {
    margin-right: 0;
    margin-left: 0;
}

#aboutBook p {
    margin-right: 200px;
    margin-left: 200px;
}

#abULContainer {
  display: flex;
  justify-content: center;
}

.nav {
    text-align: center;
    margin-left: 200px
}

#abUL {
    justify-content: center;
    margin: 0;
    text-align: center;
}

#abUl li {
    text-align: center;
}

#abUl li a {
    border-radius: 10px 10px 10px 10px;
    padding: 10px;
}
#abUl li a:hover {
    background-color: #3c4656;
    transition:.2s;
    color:white;
}

.printed {
    font-size: 125%;
}

/* ------------------ */

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

li {
  float: left;
}

li a {
  display: block;
  color: #3c4656;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 2.5px;
  padding-bottom: 2.5px;
  text-decoration: none;
  margin: 0;
  border-radius: 10px 10px 0px 0px;
}

li a:hover {
    background-color: #3f8fac;
    transition:.2s;
    color:white;
}

#aboutHR, #aboutHRa  {
    margin: 0;
}

#aboutHRa {
    display: none;
}

#designedBy {
    font-size: 10px;
    display: none;
}

#designedBy a {
    text-decoration: none;
    color:inherit;
}

.abouts {
    text-align: left;
    margin-left: 200px;
    margin-right: 200px;
    font-size: 20px;
}

#comingSoon {
    background-color: white;
    width: 360px;
    box-shadow: 0 0px 10px 5px rgb(0 0 0 / 0.2);
    text-align: center;
    padding: 15px;
    /* Coming Soon */
    display: none;
}

.pp {
    margin-left:auto;
    margin-right:auto;
}




/* Mobile */

@media screen and (max-width: 1260px) {
    #Parallax {min-height: 900px; text-align: center;}
    .blue {display: none;}
    .img {margin: 0;} 
    .split {left: 0; right: 0; width: 50%; margin-left: auto; margin-right: auto; text-align: center;}
    .splitLeft, .splitRight {float: none; margin: auto; width: auto;display: inline-block;}
}


@media screen and (max-width: 1024px) {
    .Availability {width: 275px;}
    .img{height: 325px; width: 250px;}
    .abouts {margin-left: 75px; margin-right: 75px;}
    #aboutBook p {margin-left: 75px; margin-right: 75px;}
    #aboutBook ul {display: block;}
    
}

@media screen and (max-width: 768px) {
    #about ul {margin-left: 0;}
    #about li {float: none; text-align:}
    .Availability {width: 175px;}
    .img {margin: 0; height: 275px; width: 200px;} 
    #about li a {border-radius: 0px 0px 0px 0px;}
    #aboutHRa {display: block;}
    #aboutHR {display: none;}
}