/* TEST TEST 878884=gray BCBCBA=lightr gray*/
/*  */
 /* TEST */



body {
 /* background-color:  #F9FAF5 (original) !important; This is body background color, and a little above header */
 /*background-color:  #F1F4F3 !important;   This is body background color, and a little above header */
background-color:  #E7E5E2 !important;   /* This is body background color, and a little above header */
}


.navbar {
    display: block !important;
    text-align: right !important;
    background-color:  #E7E5E2 !important;  /* bkg color of the navbar */
}


#banner_h {                /* This adjusts the text position in the header */
    margin-top: 4.5em;
    text-align: right;
}


.banner_img {
    text-align: left !important;
}

#header {

    background: #E0D7C7; /* F6F3E5
FDF9FD very light bluish pink
#BCBCBA;  lighter gray
#E5DFD8;  this is light orangish gray
#EBE2D1; this is light orangish gray*/

   /* background: #E5EDEC;  this is very light blue header banner */
  /* background: #CAB29A;  this is tan color of the header banner */
 /*    background: #BCBCBA;  lighter gray 
E9F1F1 light bluish gray
DFDAD4 very light tan
FBF7E0 light pinkish yellow
F6F3E5 lighter pinkish yellow
*/


    border: 4px solid #8A121B;  /* This is the color of the header border - original a00e19*/
    border-left: none;
    border-right: none;
    color: #4b4b4b;  /* This is the color of the text "Current Pataphysical... */8A121B
    height: 200px;
}

#header .row,
#header .row .col-sm-12 {
    height: 200px;
}

#header .row .col-sm-12 {
    text-align: center;
}

#header .row .col-sm-12:first-child {
    padding: 10px;
    padding-bottom: 14px;
    text-align: right;
}

#header .row .col-sm-12 img {
    height: 100%;
}

p {
    font-size: 1.1em;
}

section h1,
section h3 {
    text-align: center;
    color: #605034;  /* text color for Pataphysic Sorties Volume 1-4 */
  

}

.btn {
    text-align: center;
    background: url(./Images/Brown-Button.jpg) no-repeat;
    color: black;
    transition: all .5s;
    background-size: 100% 100%;
    outline: none;
    border: 1px solid black;
    border-radius: 5px;
}

.btn:hover {
    color: black;
}

.modal-header {
    background: #ba8855;
}

.modal-footer button {
    background: #c9a583 !important;
    color: white;
}

.card {
    border: none !important;
    background: #E7E5E2;   /* Background color of the card */
}

hr {
    border: 2px solid black;
    border-radius: 20px;
    margin: 50px 100px;
}


/* Other PAges */

.page {
    padding: 5%;
    border: 4px solid #a00e19;
    margin-top: 10%;
    background-color: #fff; /* This is the page color for individual book's boxes -OR MAYBE NOT      background-color: #a00e19;*/


    margin-bottom: 10%;
}

.page .row:first-child .col-sm-12:nth-child(2) {
    padding-top: 15%;
}

.page .row:first-child .col-sm-12:nth-child(2) h1,
.page .row:first-child .col-sm-12:nth-child(2) h3 {
    color: #3c4f77;
    text-align: left;
}

.page .row:first-child .col-sm-12:nth-child(2) h3:nth-child(3) {
    color: black;
    font-style: italic;
}

.para {
    height: 100%;
    min-height: 210px;
    margin: 0 !important;
    margin-bottom: 5px !important;
}

.para img {
    float: left;
    margin: 12px 0;
    margin-right: 30px;
    margin-top:  12px; /* Was 0 */
    width: 150px;
    height: auto;
}

.para p {
    text-align: justify;
}

@media screen and (min-width: 750px) and (max-width: 850px) {
    #banner_h {
        margin-top: 6.5em;
        font-size: 1.5em;
    }
}

@media screen and (max-width: 760px) {
    #header .row .col-sm-12:first-child {
        text-align: center !important;
    }
    .para img {
        width: 100%;
    }
    #header .row .col-sm-12:first-child {
        height: 100px;
    }
    #header .row .col-sm-12 img {
        padding-top: 10px;
    }
    .page .row:first-child .col-sm-12:nth-child(2) {
        padding-top: 5px;
    }
    #banner_h {
        text-align: center;
        margin-top: 1em;
        font-size: 1.5em;
        padding-left: 0;
    }
}