@charset "UTF-8";
/* CSS Document */


:root {
    
    --gold-border: #a6681c;
    --primary-purple: #252673;
    --primary-blue: #093673;
    --primary-green: #0e535f;
    --primary-gold: #a6681c;
}


body {
   
    background-image:url("../images/background/background-blue.jpg");
    background-repeat: none;
    background-size: cover;
    width:100%;
    }

#main {
    
   width:97%; 
   margin:auto;
    
    
}

blockquote {
    
 margin-left: 15px;   
    
}

input:required:focus {
    
    background: #fff;
    
}

#character-tree {
    
    width:25%; 
    margin:auto;
    
    
}

.black-text {
    
    color:#000;
}

#historical-all-covers {
    
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    justify-content: center;
    
}



.latest-background {
    
    background-image: url("../images/background/background-latest.png");
    background-repeat: none;
    background-size: cover;
    width:80%;
    margin: auto;
    
    
}


.no-cover {
    
    width: 168px;
    height: 250px;
    background-color: #188976;
    font-family: "Great Vibes", "serif";
    font-size: 36px;
    color: #ffffff;
    text-align: center;
    padding: 10px;
    
}


td {
    
    font-family: "Times New Roman", "serif";
    font-size: 1.0em;
    color: #093673;
    
}

.cover-coming-soon {
    
    width: 168px;
    height: 250px;
    background-color: #088096;
    font-family: "Great Vibes", "serif";
    font-size: 36px;
    color: #ffffff;
    text-align: center;
    padding: 10px;
    
}


#author-background {
    
    display:grid;
    grid-template-columns: 7% 28% 30% 35%;
    grid-template-rows: auto;
    width: 80%;
    margin:auto;
    
}

#upcoming-background {
    
    display:grid;
    grid-template-columns: 7% 28% 30% 35%;
    grid-template-rows: auto;
    width: 80%;
    margin:auto; 
    
}

#upcoming-background a {
    
    color:aquamarine;
    
    
}


#upcoming-background figure {
        
        font-size:.8em;
        font-weight: bold; 
    
    }
    

.author-blurb {
    
    display:grid;
    grid-column: 1 / 5;
    grid-row: 2 / 2;
    border: 6px solid var(--primary-blue);
    background-image: url("../images/background/wavy-background-author.jpg"); 
    background-size: 400px 400px;
    font-family: "Times New Roman", "serif";
    font-size: 1.0em;
    color:#fff;
    text-align: justify;
    padding: 50px 20px;
    
}


.upcoming-books {
    
    display:grid;
    grid-column: 1 / 5;
    grid-row: 2 / 2;
    border: 6px solid var(--primary-green);
    background-image: url("../images/background/cross-stitch.jpg"); 
    background-size: 400px 400px;
    font-family: "Times New Roman", "serif";
    font-size: 1.1em;
    color:#fff;
    text-align: justify;
  /*  padding: 50px 20px;*/
    align-content: start;
    
}


.contact-background {
    
    display:grid;
    grid-column: 1 / 5;
    grid-row: 2 / 2;
    border: 6px solid #fff;
    background-image: url("../images/background/weave-pattern.jpg"); 
    background-size: 275px 275px;
    font-family: "Times New Roman", "serif";
    font-size: 1.0em;
    color:#fff;
    text-align: justify;
    padding: 50px 20px;
    
}

.blue-background {
    
    background-color: var(--primary-blue);
    color: #fff;
    font-family: "Times New Roman", "serif";
    font-size: .9em;
    padding: 5px;
    
}

.red {
    
    color: #E90B0F;
}


.author-blurb-inner {
    
    display:grid;
    grid-column: 1 / 5;
    grid-row: 2 / 2;
    background-color: var(--primary-blue);
    outline: 1px solid #fff;
    outline-offset: -6px;
    font-family: "Times New Roman", "serif";
    font-size: 1.1em;
    color:#fff;
    text-align: justify;
    padding: 20px;
    width: 90%;
    margin: auto;
    
    
}

.upcoming-book1 {
    
    display:flex;
    grid-column: 1 / 5;
    grid-row: 2 / 2;
    background-color: var(--primary-blue);
    outline: 1px solid #fff;
    outline-offset: -6px;
    font-family: "Times New Roman", "serif";
    font-size: 1.2em;
    color:#fff;
    text-align: justify;
    padding:40px 20px 20px;
    width: 94%;
    margin: 20px auto;
    
    
}

.upcoming-book2 {
    
    display:flex;
    grid-column: 1 / 5;
    grid-row: 3 / 3;
    background-color: var(--primary-blue);
    outline: 1px solid #fff;
    outline-offset: -6px;
    font-family: "Times New Roman", "serif";
    font-size: 1.2em;
    color:#fff;
    text-align: justify;
    padding:40px 20px 20px;
    width: 94%;
    margin:40px auto;
    
    
}

.upcoming-book3 {
    
    display:flex;
    grid-column: 1 / 5;
    grid-row: 4 / 4;
    background-color: var(--primary-blue);
    outline: 1px solid #fff;
    outline-offset: -6px;
    font-family: "Times New Roman", "serif";
    font-size: 1.2em;
    color:#fff;
    text-align: justify;
    padding:30px 20px 20px;
    width: 94%;
    margin:20px auto 50px;
    
    
}

.upcoming-book4 {
    
    display:flex;
    grid-column: 1 / 5;
    grid-row: 5 / 5;
    background-color: var(--primary-blue);
    outline: 1px solid #fff;
    outline-offset: -6px;
    font-family: "Times New Roman", "serif";
    font-size: 1.2em;
    color:#fff;
    text-align: justify;
    padding:30px 20px 20px;
    width: 94%;
    margin:20px auto 50px;
    
    
}

.upcoming-book5 {
    
    display:flex;
    grid-column: 1 / 5;
    grid-row: 6 / 6;
    background-color: var(--primary-blue);
    outline: 1px solid #fff;
    outline-offset: -6px;
    font-family: "Times New Roman", "serif";
    font-size: 1.2em;
    color:#fff;
    text-align: justify;
    padding:30px 20px 20px;
    width: 94%;
    margin:20px auto 50px;
    
    
}

.upcoming-book1-inner {
    
    display: flex;
    width: 35%;
    
    
}

.upcoming-book1-inner-blurb {
    
    display: block;
    width: 65%;
    font-size: .8em;
    padding-right: 20px;
    
    
}

.contact-form {
    
    display:inline-block;
    grid-column: 1 / 5;
    grid-row: 2 / 2;
    background-color:#0e535f;
    outline: 1px solid #fff;
    outline-offset: -6px;
    font-family: "Times New Roman", "serif";
    font-size: 1.1em;
    color:#fff;
    text-align: justify;
    padding: 20px;
    width: 90%;
    margin: auto;
    
    
}

.author-blurb-inner2 {
    
    display:grid;
    grid-column: 1 / 5;
    grid-row: 3 / 3;
    background-color: var(--primary-blue);
    outline: 1px solid #fff;
    outline-offset: -6px;
    font-family: "Times New Roman", "serif";
    font-size: 1.1em;
    color:#fff;
    text-align: justify;
    padding: 20px;
    width: 90%;
    margin: auto;
    margin-top: 40px;
    
    
}

.about-author-title {
    
    display:grid;
    grid-column: 2 / 3;
    grid-row: 1 / 1;
    background-color: var(--primary-blue);
    border-top: 6px solid #0085d1;
    border-left: 6px solid #0085d1;
    border-right: 6px solid #0085d1;
    justify-content: center;
    align-content: center;
    padding:15px;
}

.upcoming-title {
    
    display:grid;
    grid-column: 2 / 3;
    grid-row: 1 / 1;
    background-color: var(--primary-green);
    border-top: 6px solid var(--primary-blue);
    border-left: 6px solid var(--primary-blue);
    border-right: 6px solid var(--primary-blue);
    justify-content: center;
    align-content: center;
    padding:15px;
}


.contact {
    
    display:grid;
    grid-column: 2 / 3;
    grid-row: 1 / 1;
    background-color: var(--primary-green);
    border-top: 6px solid #fff;
    border-left: 6px solid #fff;
    border-right: 6px solid #fff;
    justify-content: center;
    align-content: center;
    padding:15px;
}

.about-author-name {
    
    display:grid;
    grid-column: 3 / 4;
    grid-row: 4 / 4;
    background-color: var(--primary-blue);
    border-bottom: 4px solid #0085d1;
    border-left: 4px solid #0085d1;
    border-right: 4px solid #0085d1;
    font-family: "Great Vibes", "serif";
    color: #fff;
    font-size: 1.5em;
    justify-content: center;
    align-content: center;
    padding: 10px;
}




.page-historical-blurb {
    
    display:grid;
    grid-template-columns: 3% 31% 30% 33% 3%;
    grid-template-rows: 7% 86% 7%;;
/*    min-height: 650px; */
    width: 95%;
    margin:auto;
    
}


.flex-historical-container {
    
    display: flex;
    flex-direction: row;
}



.page-historical-cover {
    
    display: block;
    z-index: 99;
    width: 33%;
    margin:auto;
    text-align: center;
    vertical-align: middle;
    

    
}

.historical-blurb-background {
    
    display: grid;
    grid-column: 1 / 6;
    grid-row: 2 / 3;
/* background-image: url("../images/background-blue-ornate.jpg");*/
   /* border: 5px solid #a6681c;*/
/*    grid-template-columns:15% 85%;*/
      justify-content: start;
    align-content: start;
    
}



.historical-blurb {
    
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 66%;
    justify-content: center;
/*   background-image: url("../images/background-blue-ornate.jpg");*/
    
    
}


.blurb-text {
    
    display:inline;
     color: var (--primary-blue);
    text-align: justify;
 /*  font-size: 1.2em;*/
/*    font-family: park-lane, serif;*/
    font-family:"Times New Roman", "serif";
    padding: 20px 20px 20px 40px;   
   
}

.decor-placement {
    
    display: block;
    margin: auto;
    
}

.historical-page-title {
    
    
   display: grid;    
   grid-column: 2 / 3;
   grid-row: 1 / 1;
/*   background-color:#252673;
   border-top: 5px solid #a6681c;
   border-left: 5px solid #a6681c;
   border-right: 5px solid #a6681c;*/
   justify-content: center;
   align-content: center;
    color: #fff;
    padding: 5px 0px;
    
    
    
}


.series-text {
    
    color: #fff;
    font-family: 'Great Vibes', cursive;
    font-weight: normal; 
    font-size: 1.5em;
    line-height: 1.8em;
    background-image: url("../images/background/purple-historical-background.jpg");
  /*  background-color: var(--primary-purple);*/
  /*  border: 3px solid #a6681c;*/
    width: 336px;
    margin: auto;
    outline: 1px solid #a6681c;
    outline-offset: -4px;
    padding-top:4px;
    margin-top: 15px;
    
}



.series-text-blue-his {
    
    color: #fff;
    font-family: 'Great Vibes', cursive;
    font-weight: normal; 
    font-size: 1.5em;
    line-height: 1.8em;
    width: 336px;
    margin: auto;
    outline: 1px solid #a6681c;
    outline-offset: -4px;
    padding-top:4px;
    margin-top: 15px;
    background-image: url("../images/background/background-blue-ornate.jpg");
    
}


.series-text-burgundy-his {
    
    color: #fff;
    font-family: 'Great Vibes', cursive;
    font-weight: normal; 
    font-size: 1.5em;
    line-height: 1.8em;
    width: 336px;
    margin: auto;
    outline: 1px solid #a6681c;
    outline-offset: -4px;
    padding-top:4px;
    margin-top: 15px;
    background-image: url("../images/background/burgundy-background.jpg");
    
}

.series-text-green-his {
    
    color: #fff;
    font-family: 'Great Vibes', cursive;
    font-weight: normal; 
    font-size: 1.5em;
    line-height: 1.8em;
    width: 336px;
    margin: auto;
    outline: 1px solid #a6681c;
    outline-offset: -4px;
    padding-top:4px;
    margin-top: 15px;
    background-image: url("../images/background/green-historical-background.jpg");
    
}


.series-newadult-text{
    
    color: #fff;
    font-family: 'Great Vibes', cursive;
    font-weight: normal; 
    font-size: 1.5em;
    line-height: 1.8em;
    background-image: url("../images/background/blue-checkered-background.jpg");
    background-size: 300px 180px;
  /*  background-color: var(--primary-purple);*/
  /*  border: 3px solid #a6681c;*/
    width: 336px;
    margin: auto;
    outline: 2px solid var(--primary-green);
    outline-offset: -4px;
    padding-top:4px;
    margin-top: 15px;
    
    
}

.historical-title-text {
    
 background-image: url("../images/background/purple-historical-background.jpg"); 
 padding: 10px 5px;
 border: 3px solid #a6681c;  
 margin:auto;
 width: 45%;
}

.historical-page-series {
    
   display: grid;    
   grid-column: 4 / 5;
   grid-row: 3 / 4;
   justify-content: center;
   align-content: center;
   color: var(--primary-purple);
    font-family: 'Great Vibes', cursive;
    font-weight: normal; 
    font-size: 1.5em;
    
}

.historical-decorative-top {
    
    display: grid;
    grid-column: 4 / 5;
    grid-row: 1 / 2;
    justify-content: center;
    align-content: end;
    
}

.historical-decorative-bottom {
    
    display: grid;
    grid-column: 4 / 5;
    grid-row: 7 / 8;
    justify-content: center;
    align-content: start;
    
}


.historical-border {
    
  outline: 1px solid var(--primary-gold);
  outline-offset: -4px;
  background-color: #252673;
 padding:6px;

}

.burgundy-border-historical {
    
  outline: 1px solid var(--primary-gold);
  outline-offset: -4px;
  padding:6px;
  background-color: #450000;
    
}

.green-border-historical {
    
  outline: 1px solid var(--primary-gold);
  outline-offset: -4px;
  padding:6px;
  background-color: #034700;
    
}

.blue-border-historical {
    
  outline: 1px solid var(--primary-gold);
  outline-offset: -4px;
  padding:6px;
  /*background-color: #142e7a;*/
  background-image: url("../images/background/background-blue-ornate.jpg");
    
    
}
.newadult-border {
  
  outline: 1px solid var(--primary-blue);
  outline-offset: -4px;
  background-color: var(--primary-green);
  padding:6px;
    
}

.newadult-border2 {
  
  border: 2px solid var(--primary-blue);
    
}

.latest-newadult-background {
    
    width: 50%;
    margin-left: -40px;
   padding-top: 80px;
    
}

.excerpt {
    
    display: grid;
    grid-template-columns: 4% 18% 53% 4% 21%;
   /* grid-template-rows: 4% 2.5% 91% 2.5%;*/
    grid-template-rows: auto;
    width: 98%;
    margin:auto;
    height: auto;
   
}

.excerpt-title {
    
    display:grid;
    grid-column: 2 / 4;
    grid-row: 1 / 1;
 /*   background-image: url("../images/purple-historical-background.jpg");
    outline: 1px solid var(--primary-gold);
    outline-offset: -4px;*/
   justify-content: left;
   align-content: center;
    color:#252673;
    font-family: 'Great Vibes', cursive;
    font-weight: normal; 
    font-size: 2.3em; 

    
}

.top-decor-his {
    
    display: grid;
    grid-column: 5 / 6;
    grid-row: 1 / 1;
    justify-content: center;
    align-content: end;
    
}

.excerpt-excerpt {
    
    display:grid;
    grid-column: 1 / 4;
    grid-row: 2 / 2;
    background-image: url("../images/background/purple-historical-background.jpg");   
    border: 2px solid var(--gold-border);
    
    
}

.newadult-excerpt {
    
    display:grid;
    grid-column: 1 / 4;
    grid-row: 2 / 2;
    background-image: url("../images/background/blue-checkered-background.jpg"); 
    background-size: 300px 180px;
    border: 2px solid var(--primary-green);
    color: #fff;
    padding-left: 15px;
    padding-top: 5px;
    font-size: 16px;
    
    
}

.historical-excerpt-blue {
    
    display:grid;
    grid-column: 1 / 4;
    grid-row: 2 / 2;
    background-image: url("../images/background/background-blue-ornate.jpg"); 
    background-size: 300px 180px;
    border: 2px solid var(--primary-gold);
    
    
}

.historical-excerpt-burgundy {
    
    display:grid;
    grid-column: 1 / 4;
    grid-row: 2 / 2;
    background-image: url("../images/background/burgundy-background.jpg"); 
    border: 2px solid var(--primary-gold);
    
    
}

.historical-excerpt-green {
    
    display:grid;
    grid-column: 1 / 4;
    grid-row: 2 / 2;
    background-image: url("../images/background/green-historical-background.jpg"); 
    border: 2px solid var(--primary-gold);
    
    
}



.excerpt-excerpt-bottom {
    
    display:grid;
    grid-column: 1 / 4;
    grid-row: 4 / 4;
    background-image: url("../images/background/purple-historical-background.jpg");   
    border: 2px solid var(--gold-border);
    height:auto;
    
    
}

.bonus-scene {
    
    display:block;
    color: #000;
    font-family: "Times New Roman", "serif";
    padding: 20px;
    text-align: justify;
    
    
}

.excerpt-inner {
    
    display: grid;
    grid-column: 1 / 4;
    grid-row: 3 / 4;
    align-content: start;
    justify-content: center;
    color: #000;
    font-family: "Times New Roman", "serif";
    padding: 20px;
    text-align: justify;
    height: auto;
    
/*    background-color: #f1d5b3;
    background-image: linear-gradient(360deg, #a6681c, #f1d5b3);
    width: 100%;*/
        
}

.excerpt-ornament-placement-left {
    
    display:grid;
    grid-column: 1 / 1;
    grid-row: 2 / 2;
    align-content: start;
    justify-content: start;
    
    
}

.excerpt-ornament-placement-right {
    
    display:grid;
    grid-column: 3 / 3;
    grid-row: 2 / 2;
    align-content: start;
    justify-content: end;
    
    
}

.excerpt-ornament-placement-bottom-left {
    
    display:grid;
    grid-column: 1 / 1;
    grid-row: 4 / 4;
    align-content: end;
    justify-content: start;
   
    
}

.excerpt-ornament-placement-bottom-right {
    
    display:grid;
    grid-column: 3 / 3;
    grid-row: 4 / 4;
    align-content: end;
    justify-content: end;
    
    
}

.other-books-in-series {
    
    display: flex;
    flex-wrap: wrap;
    grid-column: 5 / 6;
    grid-row: 3 / 3;
    align-content:start;
    text-align: center;
    font-family: 'Great Vibes', cursive;
     /* font-family: source-sans-pro, sans-serif;*/
    font-weight: normal;
    font-size: 1.1em;
    color:#252673;
/*    background-color: #f1d5b3;
    background-image: linear-gradient(360deg, #a6681c, #f1d5b3);*/
    width: 100%;
    justify-content: center;
    height: auto;
    
}

.other-books-in-series-text{
    
    grid-column: 5 / 6;
    grid-row: 2 / 3;
    font-family: 'Great Vibes', cursive;
    font-weight: normal; 
    font-size: 1.3em;
    color:#fff;
    line-height: 1.5em;
    display: grid;
    justify-content:center;
    align-content: end;
    
}

.text-only-background-his {
    
    background-image: url("../images/background/purple-historical-background.jpg"); 
    outline: 1px solid var(--primary-gold);
    outline-offset: -3px;  
    
}

.text-only-background-his-blue {
    
    background-image: url("../images/background/background-blue-ornate.jpg"); 
    outline: 1px solid var(--primary-gold);
    outline-offset: -3px; 
     height: 35px;
    
}

.text-only-background-his-burgundy {
    
    background-image: url("../images/background/burgundy-background.jpg"); 
    outline: 1px solid var(--primary-gold);
    outline-offset: -3px; 
     height: 35px;
    
}

.text-only-background-his-green {
    
    background-image: url("../images/background/green-historical-background.jpg"); 
    outline: 1px solid var(--primary-gold);
    outline-offset: -3px; 
     height: 35px;
    
}

.text-only-background-his-green {
    
    background-image: url("../images/background/green-historical-background.jpg"); 
    outline: 1px solid var(--primary-gold);
    outline-offset: -3px; 
     height: 35px;
    
}

.text-only-background-newadult{
    
    background-image: url("../images/background/blue-checkered-background.jpg");
    background-size: 300px 180px;
    outline: 1px solid var(--primary-green);
    outline-offset: -3px; 
   height: 35px;
    
}

.bottom-banner-his-sidebar {
    
    
    grid-column: 5 / 6;
    background-image: url("../images/background/purple-historical-background.jpg"); 
    outline: 1px solid var(--primary-gold);
    outline-offset: -3px; 
    height: 20px;
    
}

/* Genre pages */


#newadult-page {
    
    width:97%;
    margin:auto;
    
}

.newadult-page-layout {
    
    display:grid;
    grid-template-columns: 6% 22% 7% 30% 35%;
    grid-template-rows: auto;
    
   
}

.newadult-title-page {
    
    display: grid;
    grid-column: 2 / 4;
    grid-row: 1 / 1;
    border-top: 5px solid #fff;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    background-color: #0e535f;
    padding: 15px 5px;
    justify-content: center;
    align-content: center;

    
}

.historical-title-page {
    
    display: grid;
    grid-column: 2 / 4;
    grid-row: 1 / 1;
    border-top: 5px solid #fff;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    background-color: var(--primary-purple);
    padding: 15px 5px;
    justify-content: center;
    align-content: center;

    
}

.newadult-title-all-books{
    
    display: grid;
    grid-column: 2 / 4;
    grid-row: 4 / 4;
    border-top: 5px solid #fff;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    background-color: var(--primary-green);
    padding: 15px 5px;
    justify-content: center;
    align-content: center;
    margin-top: 40px;

    
}

.newadult-book-covers {
    
    display: flex;
    flex-direction: row;
    grid-column: 1 / 6;
    grid-row: 2 / 2;
    background-image: url("../images/background/blue-checkered-background.jpg");
    border: 5px solid #fff;
    padding: 50px 10px 10px 10px;
    color: #fff;
    font-size: .7rem;
    justify-content: center;
    font-family: source-sans-pro, sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    
}

.historical-book-covers {
    
    display: flex;
    flex-direction: row;
    grid-column: 1 / 6;
    grid-row: 2 / 2;
    background-image: url("../images/background/background-blue-ornate.jpg");
    border: 5px solid #fff;
    padding: 50px 10px 10px 10px;
    color: #fff;
    font-size: .7rem;
    justify-content: center;
    font-family: source-sans-pro, sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    
}


 .newadult-cover2-image {
        
        width: 24%;
        
    }

.newadult-cover2-image img {
    
    width:90%;
    height:auto;
}
    


.historical-book-all-covers {
    
    display: flex;
    flex-flow: wrap;
    grid-column: 1 / 6;
    grid-row: 2 / 2;
    background-image: url("../images/background/background-blue-ornate.jpg");
    border: 5px solid #fff;
    padding: 40px 10px 10px 10px;
    color: #fff;
    font-size: .7rem;
    justify-content: center;
    font-family: source-sans-pro, sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    width: 99%;
    
}

.all-books-series-title {
    
    display: flex;
    font-family: "Great Vibes", "serif";
    font-size: 22px;
    color: #fff;
    justify-content: center;
    align-self: flex-end;
    background-color: var(--primary-purple);
    padding: 10px;
    text-transform: none;
    margin:auto;
    outline: 1px solid #fff;
    outline-offset: -5px;
    width:98%;
    
    
}

.all-books-series-title-new-adult {
    
    display: flex;
    font-family: "Great Vibes", "serif";
    font-size: 22px;
    color: #fff;
    justify-content: center;
    background-color: var(--primary-green);
    padding: 10px;
    text-transform: none;
    margin:auto;
    outline: 1px solid #fff;
    outline-offset: -5px;
    width:98%;
    
    
}



.newadult-book-covers2 {
    
    display: flex;
    flex-wrap: wrap;
    grid-column: 1 / 6;
    grid-row: 5 / 5;
    background-image: url("../images/background/blue-checkered-background.jpg");
    border: 5px solid #fff;
    padding: 40px 10px 10px 10px;
    color: #fff;
    font-size: .7rem;
    justify-content:flex-start;
    font-family: source-sans-pro, sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    width: 99%;
    
}

.historical-book-covers2 {
    
    display: flex;
    flex-direction: row;
    grid-column: 1 / 6;
    grid-row: 5 / 5;
    background-image: url("../images/background/background-blue-ornate.jpg");
    border: 5px solid #fff;
    padding: 50px 10px 10px 10px;
    color: #fff;
    font-size: .7rem;
    justify-content: center;
    font-family: source-sans-pro, sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    
}



figcaption{
    
    text-align: center;
    padding-top: 10px;
    
}

.newadult-series-page {
    
    display: flex; 
    grid-column: 4 / 5;
    grid-row: 3/ 3;
    background-color: #0e535f;
    border-bottom: 5px solid #fff;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    color: #fff;
    font-family: "Great Vibes", "serif";
    justify-content: center;
    font-size: 1.5em;
    align-content: center;
    text-align: center;
    padding: 10px 20px;
    margin-bottom: 50px;
    }

.historical-series-page {
    
    display: flex; 
    grid-column: 4 / 5;
    grid-row: 3/ 3;
    background-color: var(--primary-purple);
    border-bottom: 5px solid #fff;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    color: #fff;
    font-family: "Great Vibes", "serif";
    justify-content: center;
    font-size: 1.5em;
    align-content: center;
    text-align: center;
    padding: 10px 20px;
    margin-bottom: 50px;
    }

.newadult-series-page2 {
    
    display: flex; 
    grid-column: 4 / 5;
    grid-row: 6/ 6;
    background-color: #0e535f;
    border-bottom: 5px solid #fff;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    color: #fff;
    font-family: "Great Vibes", "serif";
    justify-content: center;
    font-size: 1.5em;
    align-content: center;
    text-align: center;
    padding: 10px 20px;
    }

.historical-series-page2 {
    
    display: flex; 
    grid-column: 4 / 5;
    grid-row: 6/ 6;
    background-color: var(--primary-purple);
    border-bottom: 5px solid #fff;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    color: #fff;
    font-family: "Great Vibes", "serif";
    justify-content: center;
    font-size: 1.5em;
    align-content: center;
    text-align: center;
    padding: 10px 20px;
    margin-bottom: 50px;
    }


.spacer {
     
   height:75px;
}


.img-spacer-vertical {
    
  margin: 10px 0px;  
    
}

.img-spacer-top {
    
    margin: 30px 0 10px 0; 
    
}


i {
  border: solid #093673 ;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  margin-left: 15px;

}

.arrow-line {
  border: solid #093673 ;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;

}

.arrow {
   
   transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
    
    
}



.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

#social_media_bar {
    
    background-color:#093673;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 30px;
    margin:auto;
    
  }



img.social_media {
    
   float:right;
 margin: 7px 20px 0 5px;
    height: 12px;
    width: auto;
    
}


.announcement {
    
    display: inline-block;
    text-align: right;
    margin: 7px auto 0;
    height: 20px;
    width: 55%;
    color: #FFFFFF;
    
}

#alert a {
    
    color:#fff;
}


img.social_media_footer {
    
    margin: 10px;
    height: 15px;
    width: auto;
    float:left;
 

}

.horizontal {
    
    display:flex;
    flex-direction: row;
    margin: 5px 0px;
}


hr.white-fifty { 
  display: block;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  border-style: solid;
  border-width: 1px;
  color: #BCBCBC;
  width: 80%;
}


#header {
    
    width:100%;
    display: flex;
    flex-flow: wrap;
 /*   font-family: Arial, "sans-serif";*/
   /* font-family: 'Montserrat', sans-serif;*/
    font-family: source-sans-pro, sans-serif;
    font-size: .7rem;
    letter-spacing: 2px;
    align-items: center;
    justify-content: center;
    font-weight: 400;

 

    
}


.main-container {
    
  display:grid;
  grid-template-columns: 3% 28% 4% 13% 4% 13% 4% 28% 3%;
  grid-template-rows: 5vh 10vh 70vh 10vh 5vh;
  color: #fff;
  width: 97%;
  margin:auto;
    
}


.feature-item {
    

    margin:auto;
    background-image: url("../images/background/background-blue-ornate.jpg"); 
    width: 60%;
    border: 7px solid #fff;
    padding:10px;
    text-align: center;
    font-family: "Times New Roman", "serif";
    font-size: 24px;
    color: #fff;
    
}

figcaption.feature-item {
    
    font-size: 16px;   
    
}

.feature-inside {

  display: flex;
  flex-wrap: wrap;
  font-size: 18px;
  text-align: justify;
  justify-content: center;
  align-content: center;
    
}

.feature-text-inside {
  
      display: flex;
    font-size: 18px;
  text-align: justify;
    align-content: center;
    justify-content: center; 
	flex-wrap: wrap;
    
}

.feature-text-inside img {
    
  
    display: flex;
    width: 100%;
    height:auto;
    margin: auto;
	flex-wrap: wrap;
	
    
    
}


.feature-cover {
    
   display: flex;
    width: 95%;
     padding: 10px;
 align-content: center;
justify-content: center;
    
}

.feature-item figure {
    
    margin:auto;
    
}

.feature-cover img {
    
    width: 100%;
    height:auto;
    
}

.feature-cover2 img{
    
    display: block;
    width: 90%;
    height:auto;
    margin: auto;
    
}

.feature-text {
    
    width: 95%;
    padding: 10px;
    align-content: center;
    justify-content: center;
    
}

.feature-cover2 {
    
    display: flex;
     padding: 10px;
    width: 33%; 
    align-content: center;
    justify-content: center;
}

.center-flex {
    
    display: flex;
    justify-content: center;
}

.item-1 {
    
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 6;
    background-color: #252673;
    border: 7px solid #fff;
    padding:10px;
/*    min-height: 500px;*/
    z-index: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
}

.item-2 {
    
    grid-column-start: 7;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 6;
    background-color: #252673;
    border: 7px solid #fff;
    padding:10px;
    z-index: 1;
    text-align: center;
    text-transform: uppercase;
     font-size: 18px;
}

.item-3 {
   
    grid-column-start: 3;
    grid-column-end: 8;
    grid-row-start: 2;
    grid-row-end: 5;
    background-color: #0e535f;
    border: 7px solid #fff;
    padding:10px;
    z-index: 3;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;

}


.item-4, .item-5 {
    
   outline: 3px solid #fff;
    outline-offset: -12px;
    padding:10px 30px 20px 15px;
    z-index: 5; 
    font-size: 18px; 
    font-family: park-lane, serif;
 /*   font-family:"Times New Roman", "serif";*/
    
}

#item-4 a:hover, #item-5 a:hover {
    
   color:aquamarine; 
    
}

h2 {
    
 font-family: 'Great Vibes', cursive;
    font-weight: normal;
    letter-spacing: .05em;
    
}

.character-tree-couples {
    
    background-color: #FFFFFF;
    font-family: "Times New Roman", "serif";
    font-size: .9em;
    color: var(--primary-blue);
    padding: 3px;
    text-align: center;
    
}

.item-4 {
   
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 4;
    background-image: url("../images/background/blue-checkered-background.jpg");
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 40% 60%;
    grid-template-rows: 75% 25%;
    

}

.item-5 {
   
    grid-column-start: 6;
    grid-column-end: 10;
    grid-row-start: 3;
    grid-row-end: 4;
    background-image: url("../images/background/background-blue-ornate.jpg");
  /*  line-height: 32px;*/
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 40% 60%;
    grid-template-rows: 75% 25%;


}


.nested {
    
    display: grid;
    grid-template-columns: 40% 60%;
    grid-template-rows: 200px 200px;
    grid-gap: 15px;
   
    
}

.cover-three-d {
    
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    align-self: center;
 
}

.front-page-blurb {
    
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  align-items: end;
  padding: 10px;
  line-height: 32px;
    
}

.learn-more {
    
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  text-align: center;
  align-items: end;
 /* font-family: montserrat, sans-serif;*/
  font-family: source-sans-pro, sans-serif;
  letter-spacing: 2px;
        
    
    
}



.down-arrow::before {
color: #222;
content: "\f123";
display: inline-block;
font: normal 16px/1 'ionicons';
margin: 0 auto;
padding: 10px;
}



.feature-wrapper {
    
  display:grid;
  grid-template-columns: 12% 10% 11% 34% 11% 10% 12%;
  grid-template-rows: 6% 12% 31% 11% 40%;
  color: #fff;
  width: 97%;
  margin:auto;
  height: 835px;
   
}

.books {
    
    grid-column: 1 / 4;
    grid-row: 2 / 4;
    border: 7px solid #fff;
    background-image: url("../images/background/green-historical-background.jpg"); 
    padding: 20px;
    z-index: 5;
    display: grid;
    grid-template-columns: 80% 20%;
    grid-gap: 15px;
    
}

.book-cover {
    
    display: grid;
    align-items: start;
    grid-column: 1 / 1; 
    
    
}

.book-title {
    
    display: grid;
    align-items: center;
    grid-column: 2 / 2;
    justify-content: center;
    
    
}

.upcoming {
    
     grid-column: 3 / 6;
     grid-row: 1 / 5;
     border: 7px solid #fff;
     background-image: url("../images/background/blue-checkered-background.jpg");
     padding: 20px;
     align-items: center;
     z-index: 3;
     display: grid;
     grid-template-rows:10% 90%;
     grid-template-columns: 100%;
     grid-gap: 10px;

    
    
} 

.upcoming-book-title{
    
    display: grid;
    grid-row: 1 / 1;
    align-items: start;
    justify-content: center;
    
}

.upcoming-book-cover {
    
    display: grid;
    grid-row: 2 / 2;
    align-items: start;
    justify-content: center;

    
}

.portfolio {
    
     grid-column: 2 / 7;
     grid-row: 4 / 6;
     border-bottom: 7px solid #fff;
     border-left: 7px solid #fff;
     border-right: 7px solid #fff;
  /*   border-top: 3px solid #fff;*/
     background-image: url("../images/background/portfolio-green-background.jpg");
     padding: 20px;
     z-index: 1    ;
  /*   align-items: end;*/
     display: grid;
     grid-template-columns: 8% 84% 8%;
     grid-gap:  10px;
    
} 

.portfolio-title {
    
    display: grid;
    grid-column: 1 / 1;
    align-items: center;
    justify-content: start;
}

.portfolio-container {
    
    display: grid;
    grid-column: 2 / 2;
    align-items: end;
    justify-content: center;
    overflow: hidden;
    
    
}

.buy-links-template {
    
 display:grid;
 grid-template-columns: 3% 31% 30% 33% 3%;;
 grid-template-rows: 33% 34% 33%;
 z-index: 2;

    
    
}

.buy-links {
    
    display: grid;
    grid-column: 1 / 6;
    grid-row: 1 / 4;
     align-content: center;
    justify-content:center;
  
    
  /*  background-image: url("../images/buy-links.png");
    background-repeat: none;
    background-size: contain;*/
    z-index:3;
    
}

.buy-links-individual {
    
    display: grid;
    grid-column: 1 / 7;
    grid-row: 2 / 2;
    align-content: center;
    justify-content:center;
    z-index: 98;
    color:#4C4A4A;
    font-family:"Times New Roman", "serif";
    font-size: 1.1em;
    font-weight: bold;
    
}



.connected-series-historical {
    
  display: flex;
  background-image: url("../images/background/background-blue-ornate.jpg");
  font-family: 'Great Vibes', cursive;
  color:#fff;
  font-size: 2.5em;
  justify-content: center;
  border: 3px solid var(--primary-gold);
  align-content: center;
  margin:auto;
  padding: 15px 20px;
  width: 350px;
    
}



.connected-series-newadult {
    
  display: flex;
  background-image: url("../images/background/blue-checkered-background.jpg");
  background-size: 300px 180px;
  font-family: 'Great Vibes', cursive;
  color:#fff;
  font-size: 2.5em;
  justify-content: center;
  border: 3px solid var(--primary-green);
  align-content: center;
  margin:auto;
  padding: 15px 20px;
    
}

#character-tree {
    
  margin:auto;
    
}

#character-tree a {
    
    text-decoration: none;
}

.park-lane-font {
    
font-family: park-lane, serif; 
 color: var(--primary-blue);
/*  text-shadow: 1px 1px #7a7a7e;*/
    
}

 .no-underline {
   
    text-decoration: none;
    
}

.connected-series{
    
  display: inline-block;
  font-family: park-lane, serif;
  font-size: 1.5em;
 text-align: center;
  width: 100%;  
  color: var(--primary-blue);
  
    
}


.wrap-vendor-link {
    
    display: flex;
    flex-direction: row;
    
}

.wrap-vendor-link a:hover {
    
    text-decoration: underline;
    
}



.blog {
    
    grid-column: 5 / 8;
     grid-row: 2 / 4;
     border: 7px solid #fff;
     background-image: url("../images/background/purple-waves-background.jpg");
     padding: 20px;
     display: grid;
     z-index: 5;
    
    
}

.footer {
    
    display: flex;
    flex-direction: wrap;
    background-color: #093673;
    width: 100%;
    align-items: start;
    justify-content: center;
    outline: 1px inset #fff;
    outline-offset: -8px;
    position: relative;
    left: 0;
    bottom: 0;
    
    
}

.newsletter {
    
    display:flex;
    flex-direction: column;
    width: 55%;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    
}

.author-logo-footer {
    
    display:flex;
    width: 23%;
    align-items:center;
    justify-content: center;
    padding: 20px;
    margin-top: 20px;
    
}

.links-footer {
    
    display:flex;
    flex-direction: column;
    width: 22%;
    align-items: center;
    justify-content: center;
    padding-top: 30px;
    color: #fff;
    font-family: source-sans-pro, sans-serif;
    font-weight: 100;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 13px;
    
}


.instagram-slider {
    
    display:grid;
    grid-row: 2 / 2;
    align-items: end;
    justify-content: center;
    margin-top: 100px;   
}


img.alignleft {
    
    margin-left:15px;

}

img.alignright {

   float: right;
   margin: 0px 0px 10px 10px;

}

img.spacing {
    
    margin: 5px 5px 5px 0px;
  /*  border: 2px solid #093671;*/
  
}

.horizontal-spacing {
    
   margin: 0px 10px;
    
}

.horizontal-spacing-initial {
    
   margin: 0px 10px 0px 0px;
    
}


.horizontal-spacing-all-books {
    
   margin: 0px 5px;
    
}

.portfolio-border {
    
    outline: 1px solid #ffffff;
    outline-offset: -5px;
    background-color:#08323a;
    padding: 3px 4px 3px 8px;
 
    
    
}

div a:hover {
    
   text-decoration: none; 
    
}

  img.welcome {
        
        height:80px;
        width:auto;
    }
    

a:hover img {
    
   opacity:.60; 
    
}


#logo a:hover img {
    
    opacity: 1.0;
}

footer a {
   
    color:#ffffff;;
    text-decoration: none;
    
    
}

footer a:hover {
    
    color:aquamarine;
}


a {
    
      color:#a6681c;  
    
}

a:hover {
    
  text-decoration: none;
      
    
}

#header a {
    
    color:#093673;
    
}

#buy-links a:hover {
    
  color:#6853C5;
  text-decoration: underline;
    
}

#buy-links a {
    
    color:#093673;
    
}

#buy-links {
    
    color:#4C4A4A;
    
}

.aligncenter {
    
    margin:auto;
    text-align: center;
    
}




#logo-wrap {
    
  margin:auto;
  width: 44%;

}


.left-menu {
/*	margin: auto;*/
	width: 28%;
	position: relative;
	display: flex;
	text-align: center;
/*    line-height: 281px;*/

    

}

.right-menu {
/*	margin: auto;*/
	width: 28%;
	position: relative;
	display: flex;
	text-align: center;
 /*   line-height: 281px;*/
    margin-left: 25px;

}

.sub-menu {
   
    text-align: left;
    color: var(--primary-green);
    font-family: park-lane, serif;
    font-size: 11px;
    
    
}

.author-logo img {
    
  width: 370px;
  height:auto;
    
}

/*a:hover {
    
    text-decoration: none;
}*/

#character-tree:hover {
    
   opacity: .6; 
   text-decoration: none;    
    
}

#character-tree a:hover {
    
   opacity: .7; 
   text-decoration: none;    
    
}


/*a:hover {
    
    color:aliceblue;
    text-decoration: none;
    
    
}*/


/*Button and input text box customization*/

.learn_more_button {
	
    background-color:#093673;
    border:1px solid #FFFFFF;
    color: #FFFFFF;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    font-size: .9em;
	display: inline-block;
    width: 170px;


}

.bottom-vertical {
    
    vertical-align: bottom;
    text-align: center;
    
}

#author-background a {
    
    color:aqua;
    text-decoration: none;
    
}

#author-background input[type=email], #author-background input[type=text] {
   
 padding: 5px 20px;
  box-sizing: border-box;
  opacity:.78;
  color: #000000;
  border-radius: 0px;
 font-family: source-sans-pro, sans-serif;
 font-weight: 300;
 font-size: .7rem;
 width:400px;
 margin-top: 15px;
  
}

textarea {
    
    opacity:.78;
    box-sizing: border-box;
    width: 600px;
    height: 250px;
    font-family: source-sans-pro, sans-serif;
    font-weight: 300;
    font-size: .8rem;  
    margin-top: 15px;
    border-radius: 0px;
    color: #000000;
    padding: 5px 20px;
    letter-spacing: 2px;
    
}

#author-background input[type=submit], #author-background input[type=reset]{
    
    outline: 1px solid #fff;
    outline-offset: -3px;
    font-family: source-sans-pro, sans-serif;
    font-weight: 300;
    font-size: .9rem;
    letter-spacing: 2px;
    padding: 5px 30px;
    color:#fff;
    background-color: #0e535f;
    
}


input[type=text], input[type=email] {
    
  padding: 5px 20px;
  box-sizing: border-box;
  color: #000000;
  border-radius: 0px;
 /*font-family: 'Montserrat', sans-serif;*/
  font-family: source-sans-pro, sans-serif;
   font-weight: 300;
    font-size: .7rem;
    width: 200px;
/*    letter-spacing: .1em;  */  
}

input:invalid{
    
    color: #fff;
    border-radius: 0px;
    background-color:#093673;
    
}

input::placeholder{
    
  color: #b2b1b1;
/*   font-family: montserrat, sans-serif;*/
   font-family: source-sans-pro, sans-serif;
     font-weight: 300;
    text-transform: uppercase;
    font-size: .8rem;
   letter-spacing: .1em;
}

.submit-button {
    
    outline: 1px inset #fff;
/*    font-family:Arial, "sans-serif";*/
    padding: 5px 25px;
    background-color: #093673;
    color: #ffffff;
    border-radius: 0px;
    border: none;
  /*  font-family:montserrat, sans-serif;*/
    font-family: source-sans-pro, sans-serif;
     font-weight: 300;
    text-transform: uppercase;
    font-size: .9rem;
    letter-spacing: .2em;
    
}

/*.data-required-field, .data-invalid-text, .data-thanks, .data-submitting-text, .data-default-text {
    
    color:#fff;
    font-family:montserrat, sans-serif;
     font-weight: 300;
    border-radius: 0;
}*/

input::focus{
    
    color:#fff;
    
}

/*Menu customization
*/



 ul {

  list-style-type: none;
  margin: 0;
  padding: 0;
/*  overflow: hidden; */
  width: 100%;

    
}

 li {
    
    display: inline-block;
    padding: 15px;
    position: relative; 
    -webkit-transition: 1000ms; /* Safari */
    -webkit-transition-timing-function: ease;  /* Safari */
    transition: 1000ms;
    transition-timing-function: ease;  

    
}

ul li ul {
    
  visibility: hidden;
  opacity: 0;
  min-width: 5rem;
  position: absolute;
  left: 0;
  display: none;
  background-color: #abd2f3;
  color: #252673; 
  margin-top: 3px;
  -webkit-transition: 1500ms; /* Safari */
  -webkit-transition-timing-function: ease;  /* Safari */
  transition: 1500ms;
  transition-timing-function: ease; 
    
 
}



ul ul ul {
   
    top: -3px;
    left: 100%;
    display:block;
    position:absolute;
    width: auto;
    -webkit-transition: 1500ms; /* Safari */
  -webkit-transition-timing-function: ease;  /* Safari */
  transition: 1500ms;
  transition-timing-function: ease; 
   
}


ul ul ul ul {
    
    display:block;
    text-align: left;
    z-index: 100;
}       

ul li ul li ul li {
    
    display:block;
  
}


ul li:hover > ul,
ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
  -webkit-transition: 1000ms; /* Safari */
  -webkit-transition-timing-function: ease;  /* Safari */
  transition: 1000ms;
  transition-timing-function: ease; 
 
}



ul li ul li {
    clear: both;
  width: 100%;
   white-space: nowrap;
  padding: 5px;
  display: block;
    
}
 ul li:hover ul li:hover a:hover {
    
  color:#000;
  text-decoration: none;
  width:auto;

     
}



ul li:hover {
    background-color: #dfefee; 
    
}

ul li a:hover {
    
  text-decoration: none;
  color: #000;
    
}


/*
 ul ul:before {
    content:"";
    position: absolute;
    right: 30px;
    top: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #abd2f3 transparent;
    z-index:9999;
}
ul ul:after {
    content:"";
    position: absolute;
    right: 4px;
    top: -22px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 17px 17px 17px;
    border-color: transparent transparent #ffffff transparent;
    z-index:9998;
}*/

/*ul li:hover ul li:hover a:hover {
    
	color:#0e535f;
    text-decoration: none;
    background-color: #fff;
    width: 200px;
    
}*/




@media only screen and (min-width: 1920px) and (max-width: 2732px){
    
    
    #character-tree {
        
        width: 15%;
        
    }
    
    #newadult-page, #header {
        
        width:1600px;
        margin:auto;
        
    }
    
     
    #character-tree2 {
    
        margin: auto;
        width: 1200px;
        
    }
    
    #author-background, #upcoming-background {
        
        width: 1400px;
        margin: auto;
        font-size: 1.2em;
        
    }
    
    .feature-item {
        
        width: 1600px;
        margin: auto;
    }
    
     .feature-inside {
        

        font-size: 20px;

    }
    
     #historical-page-covers img {
        
        height: 400px;
        width: auto;
        
    }
    
 /*   #historical-page-covers, #newadult-page-covers {
        
        font-size: .9em;
        
    }*/
    
    
    
     #other-books img {
        
        width: 200px;
        height:auto;
        
    }
    
     .series-text, .series-newadult-text, .series-text-blue-his, .series-text-burgundy-his, .series-text-green-his  {
        
         width: 400px;
    }
    
    
    #main {
    
   width:1400px; 
   margin:auto;        
    
    }
    
    .page-historical-blurb {
        
       width: 1400px;
       margin:auto;
    
    }
    
    .historical-blurb-background {
        
       width: 1400px;
       margin:auto;
        
    }
    
    .page-historical-cover {
    
    justify-content: center;
    align-content: center;
    padding: 30px 0px;
    
}
    

    .top-bar {
        
    background-color:#093673;
    width: 100%;
    height: 30px;
    position: absolute;
    top: 0px;
        
    }
  



    .main-container {
        
        width:1600px; 
        margin:auto;
         grid-template-rows: 5% 10% 70% 10% 5%;
        min-height: 675px;
        
 
        
    }
    
    .excerpt {
        
        
        width: 1400px;
        margin:auto;
          font-size: 1.2em;
    }
    
    
 
    
    
     img.item-4-img, img.item-5-img {
        
        width: 290px;
        height:auto;
        
    }  
    
    img.social_media {
    
   float:right;
   margin: 7px 20px 0 5px;
   height: 15px;
   width: auto;
    
}
    
    
   .item-5, .item-4 {
        
        font-size: 1.5em;
        
    }
    
  img.historical-cover-size {
        
        width: 400px;
        height: auto;
        
    }
   
#historical-all-covers img {
        
        height: 260px;
        width: auto;
        
    }
    
    
    #historical-all-covers {
        
        font-size: 1.5em;
        
    }
    
    .feature-wrapper{
     width:1600px; 
     margin:auto;
    }
    
    .learn_more_button {
        
    width: 250px;


}
    
    .front-page-blurb {
    
  line-height: 38px;
    
}
    
}

@media screen and (max-width: 1024px){
    
    #header {
    
    letter-spacing: .1em;
    font-size: .7rem;     
    
}
    
    #character-tree2 img {
       
        width: 100%;
        height:auto;
        margin: auto;
        
        
    }
    
    .feature-cover2 img {
        
        width: 90%;
        height:auto;
        margin: auto;
        
    }
   
    .upcoming-book1-inner-blurb{
        
        font-size: .6em;
    }
    
    
    #resize-180 img {
        
        width: 180px;
        height: 271px;
       
    }
    
    .newadult-page-layout {

     grid-template-columns: 6% 22% 7% 30% 35%;
    }
    
    i{
        
        margin-left: 10px;  
        
    }
    
    .series-text, .series-newadult-text, .series-text-blue-his, .series-text-burgundy-his, .series-text-green-his  {
        
        width: 300px;
    }
    
    
    .blurb-text {
    
   font-size: 1.0em;

    
}
    
   #newadult-page-covers img {
        
        width: 200px;
        height: auto;
    }
    
    
    #newadult-page-covers2 img {
        
        width:95%;
        height:auto;
        
    }
    
       .front-page-blurb {
    
  line-height: 24px;
    
}
    
    
    
    .newadult-cover2-image img {
    
    width:95%;
    height:auto;
}
    
   
    #historical-page-covers img {
        
        height: 300px;
        width: auto;
        
    }
    
    #author-background figure {
        
        font-size:14px;
        font-weight: bold;
        
        
        
    }
    
    .main-container {

  grid-template-rows: 5% 10% 70% 10% 5%;
  height: 550px;
    
}
    
    .historical-blurb {
        
        font-size: 1.0em;
        
    }
    
 
   /*.excerpt-excerpt {
    
    grid-template-columns: 4% 92% 4%;
    }
    */
    
    .author-logo-footer, .links-footer {
        
        width: 27%;
        
    }
    
    .newsletter {
        
        width: 46%;
    }
    
    
    .item-4, .item-5 {

    font-size: 16px;

}
    
    img.historical-cover-size {
        
        width: 300px;
       height:450px;
        
    }
    
    
    img.item-4-img, img.item-5-img {
        
        width: 200px;
        height:auto;
        
    }  
    
    img.alignleft {
        
        width:200px;
        height:auto;
        
    }
    
    img.portfolio-size {
        
        height: 250px;
        width:auto;
        
    }
    
    img.author_logo_footer1 {
        
        width: 170px;
        height:auto;
        
    }
    
   /* .feature-cover img {
        width:95%;
        height:auto;
        
    }*/
 /*   
    .feature-cover2 img {
        
        width:85%;
        height:auto;
        
    }*/
    
    .feature-text-inside {
        

        font-size: 14px;

    }
    
    .feature-item {
        
        line-height: .7em;
        
    }
    
    img.welcome {
        
        height:60px;
        width:auto;
    }
    
    input[type=text], input[type=email] {
        
        width: 150px;
        
        
    }
    
}