/* screen.css from freshoilreleases.co.za */

@font-face {
  font-family: 'Gloss_And_Bloom';
  src: url(fonts/Gloss_And_Bloom.eot);
  src: url(fonts/Gloss_And_Bloom.eot?#iefix) format('embedded-opentype'),
       url(fonts/Gloss_And_Bloom.otf) format('otf'),
       url(fonts/Gloss_And_Bloom.svg#FontsFree-Net-Gloss_And_Bloom) format('svg'),
       url(fonts/Gloss_And_Bloom.ttf) format('truetype'),
       url(fonts/Gloss_And_Bloom.woff) format('woff'),
       url(fonts/Gloss_And_Bloom.woff2) format('woff2');
}

@font-face {
font-family: 'LucidaHandwritingItalic';
src: url('fonts/LucidaHandwriting-Italic.eot'); /* IE9 Compat Modes */
src: url('fonts/LucidaHandwriting-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('fonts/LucidaHandwriting-Italic.woff2') format('woff2'),
     url('fonts/LucidaHandwriting-Italic.woff') format('woff');
font-weight: normal;
font-style: italic;
}

@font-face {
font-family: 'RobotoSlab-SemiBold';
src: url('fonts/RobotoSlab-SemiBold.eot'); /* IE9 Compat Modes */
src: url('fonts/RobotoSlab-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('fonts/RobotoSlab-SemiBold.woff2') format('woff2'),
     url('fonts/RobotoSlab-SemiBold.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'RobotoSlab-ExtraBold';
src: url('fonts/RobotoSlab-ExtraBold.eot'); /* IE9 Compat Modes */
src: url('fonts/RobotoSlab-ExtraBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('fonts/RobotoSlab-ExtraBold.woff2') format('woff2'),
     url('fonts/RobotoSlab-ExtraBold.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face { 
font-family: 'RobotoSlab-Light';  
src: url(fonts/RobotoSlab-Light.eot); /* IE9 Compat Modes */
src: url(fonts/RobotoSlab-Light.eot?#iefix) format('embedded-opentype'),      
	 url(fonts/RobotoSlab-Light.svg#RobotoSlab-Light) format('svg'), 
     url(fonts/RobotoSlab-Light.woff) format('woff'),       
	 url(fonts/RobotoSlab-Light.woff2) format('woff2');
font-weight: normal;
font-style: normal;
}

@font-face {
  font-family: 'FontAwesome';
src: url('fonts/fontawesome-webfont.eot?v=4.3.0');
src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),
     url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),
     url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),
     url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}

/* null margins and padding to give good cross-browser baseline */
html,body,address,blockquote,div,
form,fieldset,caption,
h1,h2,h3,h4,h5,h6,
hr,ul,li,ol,dl,dt,dd,
table,tr,td,th,p,img {
margin:0;
padding:0;
}

img, fieldset {
border:none;
}

/* * {
box-sizing:border-box;
}
*/

*, *:after, *:before {
	box-sizing:border-box;
	flex:1 0 auto;
}

hr {
display:none;
/*
HR in my code are for semantic breaks in topic/section, NOT
style/presenation, so hide them from screen.css users
*/
}

@media (max-width:480px) {
/* Fix for pre "viewport <meta>" mobile browsers */
* {
    -webkit-text-size-adjust:none;
    -ms-text-size-adjust:none;
    }
}

html, body {
    height:100%;
    overflow:hidden;
}

button,
label {
    cursor:pointer;
}

body, button, input, table, textarea, select {
    font:normal 1em/1.5 arial,helvetica,sans-serif;
}

h1, h2, h3, h4, h5, h6 { 
  font-family:'Open Sans',Arial,'Helvetice Neue',sans-serif; 
}

body {
  font: 16px/1.85em 'Open Sans',Arial,'Helvetice Neue',sans-serif;
  font-weight: 300;
  font-style: normal;
  /* Added */
  background:#564156;
  /* End addition */
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
}

pre, code, tt {
	font:normal 0.875rem/1.5em systemic,monospace;
	word-break:break-word;
	-moz-tab-size:2; /* needed until FF91 - 2021 */
	tab-size:2;
}

/* Image formatting for the top of and in the main content area */
.leadingPlate,
.trailingPlate {
    width:100%;
    max-width:48%;
}

.leadingPlate {
    float:left;
    padding:4em 1.5em 1em 3em;
}

.trailingPlate {
    float:right;
    padding:4em 3em 1em 1.5em;
}

.leadingPlate2,
.trailingPlate2 {
    width:100%;
    max-width:28%;
}

.leadingPlate2 {
    float:left;
    padding:4em 1.5em 1em 3em;
}

.trailingPlate2 {
    float:right;
    padding:4em 3em 1em 1.5em;
}

.plate {
    max-width:100%;
    display:block;
    margin:1em auto 1.5em;
    padding:4em 3em 0em 3em; /* Added 24 July 2021 */
}

.plate2 {
    width:100%;
    max-width:60%;
    display:block;
    margin:auto;
    padding:4em 3em 0em 3em;
}

/* END image formatting */

.modalFix {
	display: flex;
	flex-direction:column;
	height:100%;
	overflow:auto;
	width:100%;
  -webkit-overflow-scrolling:touch; /* this webkit is for Apple touch screens to scroll smoothly */
	color:#BDF;
	margin:0 auto;
}

.modalFix > header,
.modalFix > footer {
  flex-grow:0;
}

#top { /* > * */
	width:100%;
	padding: 0;
	margin:0 auto;
}

header{
    height:17em; /* was 19em */
}

body > header {
    flex-grow:0;
  /*  padding:1em;*/
    background:#1D1D1D;
    color:#FFF;
    text-shadow:0 0.1em 0.3em #000;
}

footer {
    text-align:center;
    background: #262626;
    height:9.5em;
}

body > footer {
    flex-grow:0;
    padding:1em;
}

/*--- h1 ---*/
h1 {
    display: flex;
    font:normal 3.8em 'Gloss_And_Bloom',cursive,sans serif;
    text-align:center;
    color:#ffffff; /* #fff1b0 */
    background:#1D1D1D url(images/cropped-banner-new.jpg) 0 0 no-repeat;
    background-size:100% 85%; /* changed from cover on 27 july 2021 - originally was auto 1.8em*/
   /* margin-bottom:0px; - was -40px - moves the menu text up or down outside or inside the menu area*/
    position: relative;
    width:100%; 
    height:85%; /* Was 90% - changed 28 July 2021 */

}

h1 a {
    font-size:0.8em;
    text-decoration:none;
    color:#ffffff; /* #fff1b0 */
    text-shadow: 2px 2px 0 #000;/* was 0 0 0.8em - shadow behind header text*/
    margin: 0;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}

h1 a:hover{
    color:#fff1b0; /* #FFD200 */
    /*text-shadow:0 0 0.5em #000000;*/
}

h1 small {
    font: 'Gloss_And_Bloom',cursive,sans serif;
    font-size:0.75em;
    text-shadow: 2px 2px 0 #000;
    color:#ffffff;
    margin: 0.3em;
    position: absolute;
    top: 64%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#domain {
    font-size:0.35em;
    font: arial, sans serif;
    color: black;
}

#world {
    color:#1d1d1d;
}
/*-- ./End h1 --*/

#mainMenu ul {
    text-align:center;
    background:#1D1D1D;
    list-style:none;
    display:flex;
}

#mainMenu li {
    flex:1 0 auto;
}

/* Positioning of the menu items in relation to each other*/
#mainMenu a {
position:relative;
    display:block;
    padding: 0em 0.25em 2.2em; 
    font-family:RobotoSlab-SemiBold;
    font-weight:normal;
    text-align:center;
    text-decoration:none;
    font-size:0.9em;
    color:#999999;
    transition:color 0.3s;/* background 0.3s, text-shadow 0.3s;*/
}

#mainMenu a:focus,
#mainMenu a:hover {
    color:#ffffff;
}

nav > ul > li {
    position: relative; /* serve as reference element for absolutely positioned children */  
}

nav ul ul { /* all child lists of a list */
  position: absolute;
    left: -9999em;
    top: -9999em;
}            
nav li:hover > ul {
    left: auto; /* alternatively specify desired left position, relative to the list item mentioned above */
    top: 100%; /* positioned at the bottom edge of the parent list item */
}

iframe {
    border-radius: 0.3em;
}

main {
    width:79em; /* was 79em */
    display:block; /* IE fix */
    margin:auto;
    height:100%;
}

main section {
    margin:3.8em 1em -20em;
    padding:0em 1em;
}

.ul-media {
    padding-left: 2em;
    padding-right: 2em;
    color: black;
    font-weight: 500;
}

section {
    display:flex;
    flex-direction:row;
    flex-wrap: wrap;
    position:relative;
    z-index:1;
}

section div:nth-of-type(2) {
  box-sizing: border-box;
  padding: 1em;
} 

.content {
    width:70%;
    border-radius:4px;
    background:white;
    margin-top:2em;
}
.extras {
    width:26%;
    margin-left: 3em;
    margin-top:2em;
    border-radius:8px;
    background:white;
}

.extras p h2 h3 h4 a div span link{
    display:flex;
    flex-direction:column;
    align-content: flex-start;
    row-gap:1em;
}

.extras p {
    display:block;
    padding: 1em;
}

em {
    font-weight: bold;
    line-height: 1.1em;
}

main section h2 {
    font-family:'RobotoSlab-SemiBold';
    font-size:2em;
    color:#2b3542;
    text-align:center;
    font-weight:800;
    line-height:1em;
    padding:30px 0px 45px 0px;
    border-bottom:1px solid #edebeb;      
}

main section h3 {
    font-family:'RobotoSlab-Light';
    font-size:1.1em;
    color:#333333;
    padding:65px 50px 0px 50px;
}

.p-media {
    text-align: center;
    font-weight: 600;
}

main section p{
    font-family: arial, sans-serif;    
    font-size:1.1em;
    line-height: 1.9em;
    padding:0.8em 2.9em;
    color: #5B5B5B;
}

section #podcast-files {
    width:70%;
}

#artworks-p {
    padding-top:3.2em;
}

.storehouse a{
    font-family:'RobotoSlab-ExtraBold';
    font-size:1.5em;
    color:#13C4A5;
    text-decoration:none;
    line-height:2em;
}

.storehouse{
    text-align:center;
}

.media {
    text-align: center;
    text-indent: 0;
}

.media-link {
    font-family:'RobotoSlab-ExtraBold';
    font-size:1.5em;
    color:#13C4A5;
    text-decoration:none;
    text-align: center;
}

.media-link:hover {
    color:red;
}

#download-library {
    color: red;
}

.download-library {
    color: red;
}

.extras p {
    font-size:0.9em;  
}

.extras h4 {
    font-family:'RobotoSlab-SemiBold';
    font-size:0.95em;
    color:#767676;
    padding: 20px;
}

.extras #artwork_links a {
    text-decoration:none;
    color:#13C4A5;
    font-family: arial, san serif;
    font-size:1em;
    font-weight:600;
    padding:0.3em 0em 1.5em 1em;
}

#extras-donate-line {
    color:#13C4A5;
    font-family: arial, san serif;
    font-size:0.9em;
    font-weight:600;
    padding:0px 1.2em 1.2em;
    border-bottom:1px solid #edebeb;
}

#extras-donate-line a {
    text-decoration:none;
    color:#13C4A5;    
}

#extras-donate-line a:hover {
    color: red;
}

#globe-link a {
    color:#13C4A5;
    text-decoration: none;
    font-family: arial, san serif;
    font-size:0.8em;
    padding:0px 1.2em 1.2em;
}

#art-links-list {
    border:1px black solid;
    display:block;
    width:80%;
    margin: 0 auto;
}

.center-books {
    font-family:'RobotoSlab-SemiBold';
    text-align:center;
    font-size:1.7em;
    font-weight:700;
    color:#333333;
    line-height:1em;    
}

.just-released {
    font-family:'RobotoSlab-SemiBold';
    font-size: 1.7em;
    text-align: center;
    color:#FF6900;
    font-weight:800;    
}

#price {
    font-size:1.5em;
    color:#CF2E2E;
    text-align:center;
    margin:-1em;
    padding-top: 1em;
    padding-bottom: 1em;  
}

.indent {
    text-indent:2em;
}

#review {
  text-align:center;
}

.star {
  color:#FF6900;
}

.media-black {
    font-family:'RobotoSlab-SemiBold';
    font-size: 1.7em;
    font-style:italic;
    text-align: center;
    color:black;
}

.line-break40 {
    display:block;
    margin:auto;
    width:40%;
    border-bottom: 0.35em solid #EEEEEE;
    margin-bottom:2em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.line-break80 {
    display:block;
    margin:auto;
    width:80%;
    border-bottom: 0.35em solid #EEEEEE;
    margin-bottom:2em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.subscribe-page {
    font-size:1.1em;
    text-align:center;
}

#subscribe-page-top {
    font-family:'RobotoSlab-ExtraBold';
    text-align:center;
    font-size:2em;
    font-weight:600;
}

.sow-paypal-link a {
    text-decoration: none;
    color:#13C4A5;
}

.sow-paypal-link a:hover {
    color:red;
}

#sow-donate {
    font-weight:bold;
    color:#9B51E0;
    text-decoration:none;
}

#artwork_links h3 {
    font-family:'RobotoSlab-SemiBold';
    color:#2b3542;
    padding: 1.25em;
}

#stats {
    padding:1.3em;
}

#artwork_links a {
    line-height:1.5em;
}

#artwork_links {
    padding-bottom:1.5em;
    border-bottom:1px solid #edebeb;
}

.extras-line-separator {
    padding-bottom:1.5em;
    border-bottom:1px solid #edebeb;
}

#free_print a {
    display:block;
    text-align: center;
    font-family:arial, sans-serif;
    font-size:1em;
    font-style: italic;
    font-weight:bold;
    text-decoration: none;
    color:#13C4A5;
    padding-top: 1.85em;
    padding-bottom: 1.85em;
}

.free_print_line-separator {
    display: block;
    margin:auto;
    width: 10%;
    border: 0.1em solid #EEEEEE;
    margin-top: 20px;
    margin-bottom: 20px;
}

#artworks-bible-quote {
    font-style: italic;
    text-align: center;
    font-size:1.3em;
    color:#575757;
}

#search {
    margin-top: 0px;
    padding:1.5em;
}

#ytWidget {
    text-align:center;
    padding:30px 20px 10px;
}

video {
    width: 90%;
    display:block;
    margin: auto;
}

#top > footer {
    padding:1em;
    text-align:center;
    font-size:1em;
    color:#999999;
}

#top > footer p {
    padding-top:0em;
}

.toggle {
    display:block; /* IE requires these not be hidden work */
    position:absolute; /* so hide them off screen instead */
    left:-999em;
}

.modal,
.modal > a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.modal {
    position:fixed;
    left:-100vw;
    overflow:auto;
    background:rgba(255,255,255,0.9);
    box-shadow:inset 0 0 128px 128px #FED;
    opacity:0;
    transition:opacity 0.5s, left 0s 0.5s;
}

.modal > div {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:100%;
    padding:1em;
}

.modal section {    
    position:relative;
    overflow:hidden;
    width:100%;
    top:-50vh;
    max-width:40em;
    background:#FFFEF0;
    border-radius:0.5em;
    border:1px solid rgba(128,64,0,0.4);
    box-shadow:0 0 3em rgba(0,0,0,0.2),
                0 0 1em rgba(0,0,0,0.2);
    transition:top 0.5s;
}

.modal section > a:first-child:before {
    content:"x"; /* was \1F5D9 - cancellation symbol for the closing X*/
    position:absolute;
    font-size:1.5em;
    line-height:1em;
    top:0.1em;
    right:0.15em;
    color:#000;
}


.modal section h2 {
    display:block;
    padding:0.25em 0.5em;
    font-size:1em;
    font-weight:bold;
    background:rgba(255,240,224,0.9);
    border-bottom:1px solid rgba(255,240,224,0.9);
    color:#000;
}

.modal:target {
    left:0;
    opacity:1;
    transition:opacity 0.5s, left 0s;
}

.modal:target section {
    top:0;
}

#contact fieldset {
    padding:1em 1em 0;
}

#contact input,
#contact textarea {
    width:100%;
    padding:0.25em 0.5em;
    margin-bottom:0.5em;
    color:#1D1D1D;
    background:#FFFEF0;
    border:1px solid rgba(128,64,0,0.4);
    border-radius:0.25em;
}

#contact input:focus,
#contact textarea:focus {
    outline:none;
    box-shadow:/* 0 0 0.5em 0.125em #C60; */
        0 0 3em rgba(0,0,0,0.2),
        0 0 1em rgba(0,0,0,0.2);
    transition:top 0.5s;
}

#contact input:valid,
#contact textarea:valid {
    border-color:#a9a9a9;
}

#contact input:invalid,
#contact textarea:invalid {
    border-color:#F40;
}

#contact button {
    padding:0.5em 1em;
    background:rgba(128,64,0,0.4);
    color:#000;
    border:none;
    border-radius:0.25em;
    transition:background 0.3s, text-shadow 0.3s;
}

#contact button:focus,
#contact button:hover {
    background:#F92;
    text-shadow:0 0 0.5em #FC8;
}

#contact .submitsAndHiddens {
    padding:0.5em 1em 1em;
    text-align:right;
}

@media (max-width: 100em) {
        main {
        width: 75em;
        }
}

@media (max-width: 80em) { /* Added 23 July 2021 - for 1280 x 780 displays */ 
        h1 {
        font-size:3.1em;
        background-size:100% 85%; /* Added 27 July 2021 */
        }  
        main section {
            margin: 2em 0em 0em 1em;
        } 
        #extras section {
            margin: 2em 1em 0em 0em;
        }    
        #extras #artwork_links a {
           padding:0.3em 0em 1.5em 1.5em;
        }
        .storehouse {
           margin-left:1em;
        }
        .storehouse a {
           font-size:1.2em;
        }
} 

@media (max-width:64em) {
    h1 {
        font-size:2.5em;
        background-size:100% 85%;
    }
    #domain {
        font-size: 0.8em;
    }
    #blog {
    margin:auto;
    }
    main {
        width:100%;
    }
    main section {
        margin:2em auto 1em; 
    }
    section{
        width:100%;
    }
    .content {
        width:50%;
        margin-top:2em;
    }
    .extras {
        width:20%;
        margin-top:2em;
    }
    main section p {
        font-size:0.9em;
        padding: 1em;
        margin:0em 0em 0;
    }
    main section h2 {
        margin:0em;
        padding: 0em 0.5em 0.5em;
    }
    .plate {
        width:100%;
        padding:1em 1em 0;
    }  
    #free_print a {
        font-size:0.9em;
        padding-top: 1.3em ;
        padding-bottom: 0.5em;
    }
    #free_print_line-separator {
        display: block;
        margin:auto;
        width: 8%;
        border-top:3px solid #edebeb;
        border-bottom:3px solid #edebeb;
        margin-top: 0.85em;
        margin-bottom: 0.85em;
    }
    #artworks-bible-quote {
        font-style: italic;
        text-align: center;
        font-size:1em;
        color:#575757;
    }
    #search {
        padding:0 1em 1em;
        margin:0 auto;
    }
}

@media (max-width:60em) { /* was max-width: 60em */
#mainMenu,
#mainMenu > label {
        position:absolute;
        overflow:auto;
        top:0;
        left:0;
        width:100%;
        height:100%;
    }
    h1 {
        font-size:3em; /* 5.6875vw */
        height:100%;
        background-size:100% 75%;
        margin-top:-25px;
    }
    #domain {
        font-size: 1em;
    }
    /* Added 28 July 2021*/
    h1 a {
        font-size:0.8em;
        margin: 0;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
}
    h1 small {
        font-size:0.5em;
        margin-top: 0.5em;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
    }    
    #world {
        color:dark grey;
    }
    /* End Addition*/
    
    header {
        height:10em;
    }    
    #top > footer {
        font-size:0.75em;
    }
    /* Positioning of the burger and border size */
    #toggle_mainMenu + label { /* Positioning of hamburger menu */
        position:absolute;
        top:6.1em;
        right:1.2em;
        padding:0.45em;/* 0.25em */
        border:0.2em solid orange;/* #FFF */
        border-radius:0.5em;
        z-index:999;
    }
    /* The actual three lines inside the burger */
    #toggle_mainMenu + label:before,
    #toggle_mainMenu + label:after {
        content:"";
        display:block;
        width:1.25em;
        height:0.5em;/* was 0.25em */
        border:solid orange; /* #FFF */
        border-width:0.2em 0;
        z-index:999;
    }
   #toggle_mainMenu + label:after {
        border-top:0;
    }
    #mainMenu {
        position:fixed;
        left:-100vw;/* -100vw */
        background:rgba(04,12,46,0.7);
        box-shadow:inset 0 0 128px 128px rgba(0,0,0,0.5);
        opacity:0;
        transition:opacity 0.5s, left 0s 0.5s;
        z-index:1000;
    }   
    #mainMenu div {
        display:flex;
        align-items:center;
        justify-content:center;
        width:100%;/* Changed 11th Mar 2022 from 100% */
        min-height:100%;
        padding:1em;
    }
    #mainMenu nav {
        position:relative;
        top:-50vh;
        overflow:hidden;      
        max-width:20em; /* Was 26em but too wide for mobile devices */
        border-radius:0.5em;
        transition:top 0.5s;
    }
    #mainMenu nav:before {
        content:"Main Menu";
        color: #0203ff;
        display:block;
        padding:0.25em 0.5em;
        font-weight:bold;
        background:#80E2FC;
    }
    #mainMenu nav > label:first-child:before { /* This section ONLY Positions and deals with the x in the responsive menu */
        content:"x";
        color: #0203ff;
        position:absolute;
        font-size:1.5em;
        line-height:1em;
        top:0.1em;
        right:0.15em;
    }
    #mainMenu ul {
        flex-wrap:wrap;
        padding:0 0.25em 0.25em 0;
        background:#CE84FC;
    }
    #mainMenu li {
        width:50%;
        padding:0.25em 0 0 0.25em;
    }
    #mainMenu a {
        padding:0.5em;
        background:#C3EAD9;
        color:#0203ff;
    }    
    #mainMenu a:focus,
    #mainMenu a:hover {
        background:#F7DBFF;
        color: #0203ff;
    }
    #toggle_mainMenu:checked ~ #mainMenu {
        left:0;
        opacity:1;
        transition:opacity 0.5s, left 0s;
    }
    #toggle_mainMenu:checked ~ #mainMenu nav {
        top:0;
    }
    main {
        z-index:1;
    }
    main section {
        margin:1em 1.5em; /* Was 0em 1em */
    }        
    .extras section {
        margin: 1em 1.5em;
    }
    main section h2 {
        font-size:1.5em;
        color:#2b3542;
        padding:0.8em 1em 1em 1em;
        border-bottom:1px solid #edebeb;    
    }
    main section h3 {
        font-family:'RobotoSlab-Light';
        font-size:1em;
        color:#333333;
        padding:20px 20px 0px 20px;
    }
    main section p{  
        font-size:1em;
        line-height: 1.5em;
        padding:1em;
    }
    .plate {
        width:100%;
        display:block;
        margin:0 auto;
    }
    .leadingPlate2 {
        padding:1em;
    }
    .trailingPlate2 {
        padding:1em;
    }    
    #artworks-p {
        padding-top:1em;
    }
    .storehouse{
    margin-left:1em;
    }
    .storehouse a{
    font-size:1.1em;
    }
    .just-released {
    font-size:1.1em;
    }
    .center-books {
    font-size:1.1em;    
    }
    #free_print a {
        font-size:0.85em;
        padding-top: 1.2em ;
        padding-bottom: 0.5em;
    }
    #free_print_line-separator {
        display: block;
        margin:auto;
        width: 8%;
        border-top:3px solid #edebeb;
        border-bottom:3px solid #edebeb;
        margin-top: 0.7em;
        margin-bottom: 0.7em;
    }
    #artworks-bible-quote {
        font-style: italic;
        text-align: center;
        font-size:1em;
        color:#575757;
    }
    footer {
    height:8em;
    }
}

@media (max-width:48em) {/* 768px - iPad in vertical mode */
   h1 a {
    font-size:1.2em;
    padding:0em;
    }
    h1 small {
    font-size:1em;
    }
    
    main {
    padding:0em;
    width:90%;
    margin-top:1.5em;
    margin-left:0em;
    margin-right:0em;
    margin-bottom:2em;
    }  
   .content {
    margin-right:-3em;
    }
    .extras {
    width:100%;
    margin-top:1em;
    margin-left:0em;
    margin-right:-3em;
    }
    #blog {
    width:100%;
    padding:0em;
    margin-top:-3em;
    margin-left:2.3em;/* 3em */
    margin-right:-2em;/* -2em */
    }
}

@media (max-width:26em) {
    h1 {
    font-size:1.2em;
    padding:0em;
    }
    small {
    font-size:2em;
    }
    #mainMenu li {
        flex:1 1 50%;
        gap:0.5em;
    }
    #blog {
    width:100%;
    padding:0em;
    margin-top:-4em;
    margin-left:3em;/* 3em */
    margin-right:-2em;/* -2em */
    }
    main {
    width:90%;
    margin-left:-1.8em;
    }
    /*.extras {
    margin-bottom:-4em;
    }*/
}