/* about.css */

/* ===================== */
/* ABOUT PAGE */
/* ===================== */


.about-hero {
    margin-top: 0;
    padding-top: var(--navbar-height);

    box-sizing: border-box;

    background: #000000;

    background-size: cover;
    background-position: center;

    display: flex;
    justify-content: center;
    align-items: center;

    text-align: center;
}

.about-hero-content h1 {

    font-family:'Cinzel', serif;
    font-size:4rem;


}

.about-hero-content p {
    font-size:1.3rem;

}

.about-section {
    padding: 15px 2%;
    background:
    linear-gradient(
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.45)
    ),
    url("../images/elements/bkgd_symbols.png");
    background-size:cover;
}

.about-container {
    max-width:1100px;
    margin:auto;
    display:flex;
    align-items:center;
    gap:70px;
}

.about-container.single {
    display:block;
    text-align:center;
}

.about-image img {
    width:260px;
    opacity:.8;
    box-shadow: 2px 2px 30px rgba(68, 66, 66, 0.6);
    
}

.about-text {
    flex:1;

}

.about-text h2,
.about-feature h2,
.about-container h2 {
    font-family:'Cinzel',serif;
    font-size:3rem;
    margin-bottom:20px;

}

.about-divider {
    width:20px;
    display:block;
    margin:0 auto 25px;

}

.about-text p,
.about-feature p,
.about-container p {
    line-height:1.9;
    margin-bottom:20px;

}

.about-feature {
    padding:120px 8%;
    text-align:center;
    background:
    linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)),
    url("/images/Background_Black1.jpg");
    background-size:cover;

}

.about-feature-content {
    max-width:850px;
    margin:auto;

}

@media(max-width:900px){

.about-container{
    flex-direction:column;

}

.about-hero-content h1{
    font-size:2.5rem;

}

}

.book-feature {
  padding:120px 8%;
  background:
  linear-gradient(rgba(0,0,0,.65), rgba(0,0,0,.65)),
  url("/images/Background_Black1.jpg");
  background-size:cover;
}

.book-feature-container {
  max-width:1100px;
  margin:auto;
  display:flex;
  align-items:center;
  gap:70px;

}

.book-feature-image img {
  width:320px;
  box-shadow:
  0 10px 40px rgba(0,0,0,.7);

}

.book-feature-text {
  flex:1;

}

@media(max-width:900px){

.book-feature-container{
  flex-direction:column;

}

}