body,
html {
  padding: 0;
  margin: 0;
  font-family: "Noto Serif SC", serif;
}

@font-face {
  font-family: type;
  src: url(../fonts/Type-Keys.ttf);
}

.externalLink {
  color: #fff !important;
  text-decoration: underline;
}

.mainTitle {
  font-size: 3rem;
  font-family: type, Georgia, "Times New Roman", Times, serif;
}

#home {
  height: 100vh;
  background: url(../img/vatican_bg.jpg) no-repeat center center;
}

.homeContent {
  color: #fff;
  padding: 20vh 0 5vh 0;
}

.mainHeading h1 {
  font-size: 48px;
  margin-bottom: 2rem;
  font-weight: 700;
}

.bookTrilogy img {
  width: 100%;
}

.bookTrilogy p {
  font-size: 22px;
}

#about,
#comingSoon,
#contact {
  padding: 5rem 0;
}

.aboutText {
  line-height: 2;
  width: 90%;
}

.aboutText p::first-letter {
  font-size: 200%;
  line-height: 1;
}

.authorImage img {
  width: 80%;
  -webkit-box-shadow: 0px 10px 14px 1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 10px 14px 1px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 10px 14px 1px rgba(0, 0, 0, 0.75);
}

#work,
#contact {
  background-color: #780000;
  color: #fff;
  padding: 5rem 0;
}

#work h2,
#comingSoon h2 {
  padding-bottom: 5rem;
}

.bookImg,
.bookBtns {
  width: 50%;
}

.bookBuy img {
  height: 200px;
  -webkit-box-shadow: 0px 10px 14px 1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 10px 14px 1px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 10px 14px 1px rgba(0, 0, 0, 0.75);
}

.bookWork {
  padding-bottom: 5rem;
}

footer {
  background: url(../img/vatican_bg.jpg) no-repeat center center;
}

footer ul li {
  padding: 1rem;
}

@media all and (max-width: 575px) {
  .homeContent {
    padding: 10vh 0 5vh 0;
  }
  .mainTitle {
    font-size: 1.2rem;
  }
  .mainHeading h1 {
    font-size: 1.75rem;
    padding: 0 15px 1rem 15px;
  }
  .arrow-down {
    padding-top: 5vh;
  }
  .navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
}