body {
    font-family: 'Raleway', serif;
	background-color: white;
	color: black;
	padding: 0;
	margin: 0;
	font-size:40px;
}

.desktop {
    display:none;
}

h1 {
    font-family:'Instrument Serif',serif;
    font-weight:normal;
    font-size:90px;
    color:white;
    margin-bottom:0;
    
}

h2 {
    font-family:'Instrument Serif',serif;
    font-weight:normal;
    margin-bottom:0;
}

p {
    font-size:18px;
    line-height:1.5;
    margin-top:0;
    padding-top:0;
}

blockquote {
    font-size:18px;
    line-height:1.5;
    margin-top:0;
    padding-top:0;
    color:#2f2f2f;
}

.quote {
vertical-align: bottom;
font-size: 55px;
font-weight: bold;
color: gray;
font-family: 'Times New Roman';
margin: 0 0 -60px -35px;
padding: 0"
}

h3 {
    
    font-weight:normal;
    font-size:30px;
    color:white;
    margin-top:0;
}

h4 {
   font-family:'Instrument Serif', serif; 
   font-weight:normal;
   margin-bottom:30px;
   margin-top:70px;
   padding:0;
}

.welcome {
    line-height:1.5;
    font-size:18px;
    margin-top:55px;
    margin-bottom:150px;
}

h5 {
    font-family:'Instrument Serif', serif; 
   font-weight:normal;
   margin-bottom:30px;
   margin-top:0;
   padding:0;
}

 
.container {
  width:100%;
  margin:0 auto 0 auto;
  overflow:hidden;
}

.header {
    width:100%;
    background-color:#151b54;
    padding:50px 0 0 75px;
    margin:0 0 30px 0;
    height:250px;
    color:white;
}

.footer {
    width:100%;
    background-color:#151b54;
    padding:0;
    margin:0;
    height:auto;
}

.footer p {
    padding:.75em 0;
    color:white;
    font-size:.35em;
    text-align:center;
    margin:0;
}

.header a {
    color:white;
    text-decoration:none;
}

.content {
    width:80%;
    margin:0 auto;
}

table {
    width:100%;
   margin:0 0 50px 0;
    padding:0;
}

td {
    width:50%;
    padding:15px 30px 100px 30px;
    vertical-align:top;
}

.cover {
    width:auto;
    height:500px;
    border:1px solid lightgray;
    margin-right:30px;
    float:left;
}

.bookinfo {
    display:inline;
    width:50%;
}

.title {
  font-weight:normal; 
  font-size:25px;
  margin-bottom:0;
  line-height:1.5;
  color: #4863A0;
  font-family:'Instrument Serif',serif;

}

.author {
    
    margin: 0 0 25px 0;
    font-weight:normal;
}

.author::before {
   content: "by ";
}

.description {
   line-height:1.5;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 9; /* number of lines to show */
           line-clamp: 9; 
   -webkit-box-orient: vertical;
}

.purchase {
    background-color: gold;
    color: black;
    border:0 solid black;
    border-radius:25px;
    padding:10px 15px;
    margin:0;
    font-size:14px;
}

.purchase a {
    color:black;
    text-decoration:none;
}

.purchase a:hover {
    text-decoration:underline;
    
}

.more {
 margin-bottom:50px;
 font-size:16px;
}

.more a {
    color:#4863A0;
}

/*  ---------- Image Carousel ----------- */ 

.carousel-container {
            position: relative;
            width: 500px;
            height: 800px;
            margin: 80px auto;
            overflow: hidden;
            border:1px solid lightgray;
        }

        .carousel-images {
            display: flex;
            transition: transform 0.5s ease;
        }

        .carousel-images img {
            width: 500px;
            height: 800px;
            margin:0;
        }

        .arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            font-size: 24px;
            cursor: pointer;
            background-color: rgba(0, 0, 0, 0.5);
            color: white;
            padding: 10px;
            border: none;
            z-index: 100;
        }

        .left-arrow {
            left: 0;
        }

        .right-arrow {
            right: 0;
        }
        

/*  ---------- Mobile Styles ----------- */ 

@media screen and (max-width:1370px) {

.cover {
float:none;
margin-bottom:30px;
}

.content {
    width:75%;
}
}

@media screen and (max-width:1024px) {

.header {
    padding-top:15px;
    padding-left:25px;
}

.content {
        width:95%;
        height:auto;
}

td {
    width: 90%;
    float:left;
    
}

tr {
    display:block;
}

.cover {
height: 600px;
}

}

@media screen and (max-width:600px) {
    .cover {
        width:100%;
        height:auto;
    }
    
    img {
        margin-bottom:30px;
    }
   
   .header {
       margin:0 0 20px 0;
       padding-top:.5em;
       height: 150px;
       padding-left:.5em;
   }
   
   h1 {
       font-size:50px;
       margin:0;
   }
  
   h3 {
       font-size:18px;
       margin:0;
   }
   
   h2 {
       
       font-size:30px;
       margin:0;
   }
   
   h4 {
       font-size:30px;
   }
   
   h5 {
       
       font-size: 20px;
       margin:0 0 30px 0;
   }
   
   tr {
  display: block
}

td {
  float: left;
  width:90%;
  padding-left:15px;
  padding-right:15px;
  
}

.welcome {
    line-height:1.3;
    font-size:14px;
    margin-top:0;
    margin-bottom:50px;
}

}

@media screen and (min-width:540px) {

.coverimage {
    display:none;
}
}

@media screen and (max-width:540px) {
.carousel-container {
    display:none;
}

.carousel-images img {
    display:none;
}

.desktop {
    display:block;
    margin:50px 0;
    font-size: 15px;
    color:gray;
    text-align:center;
}

h5 {
       
       font-size: 20px;
       margin:0 0 30px 0;
   }
   
.coverimage {
    width:80%;
    height:auto;
    margin:0 10% 30px 10%;
    border:1px solid lightgray;
    float:none;
    display:block;
}

}