/** DL.css -- Styles for responsive version of DianeLake.com         **/
/** Version 1.8 Last updated on 28 March 2025       **/

/** SITE-WIDE RE-STYLES  **/

* {padding:0; margin:0;}

html,body{font-family:Verdana,sans-serif;font-size:17px;line-height:1.5;
 background-color:#A4B3D8;
 background-image: url("../videos/BG_Video_Poster_Opaque_2.jpg");
 background-size:cover; }

body:after{
    position:absolute; width:0; height:0; z-index:-1;
}

p {margin-top:10px;}

img {
 max-width: 100%;
}

a:link, a:visited {color:blue;text-decoration:none;}
a:hover, a:focus, a:active {color:blue;text-decoration:underline;}

/* *MEDIA Query-driven Show or hide styles 		*/

.thicker_navbar {display:none}

.up_to_med{display:block;}
@media only screen and (min-width:55.9375em){.up_to_med{display:none;}}

.block-on-small{display:block;margin-left:auto;margin-right:auto}
@media only screen and (min-width:46.9375em){.block-on-small{display:inline-block;vertical-align:top}}
.hide-on-small{display:none}
@media only screen and (min-width:46.9375em){.hide-on-small{display:block;}}
.hide-on-tiny-screens{display:none}
@media only screen and (min-width:28.9375em){.hide-on-tiny-screens{display:inherit}}
.show-for-medium-up{display:none}
@media only screen and (min-width:55.9375em){.show-for-medium-up{display:block}}
.show-from-768-up{display:none}
@media only screen and (min-width:46.9375em){.show-from-768-up{display:inherit}}
.show-for-large-only{display:none}
@media only screen and (min-width:84.9375em){.show-for-large-only{display:inherit}}
.show-for-small-only{display:block}
@media only screen and (min-width:46.9375em){.show-for-small-only{display:none !important;}}
.show-for-tiny-only{display:inherit;}
@media only screen and (min-width:400px){.show-for-tiny-only{display:none;}}
.show-for-small-only{display:inherit;}
@media only screen and (min-width:30.1375em){.show-for-tiny-only{display:none;}}
.Display_from_smartphone_landscape_to_tablet_portrait {display:none;}
@media only screen and (min-width:20.9375em) and (max-width:55.9375em){
.Display_from_smartphone_landscape_to_tablet_portrait {display:block;}}
.iPad_Portrait_Only{display:none;}
@media only screen and (min-width:46.9375em) and (max-width:55.9375em){
.iPad_Portrait_Only{display:block;}}

/** FONT Stuff    **/

@font-face{
 font-family:dl-font;
 src:url(../fonts/static/JosefinSans-Light.ttf);
} 

@font-face {
    font-family: Lao UI;
    src: url(../fonts/LaoUI.ttf);
}

@font-face {
    font-family: Galano;
    src: url(../fonts/GalanoGrotesqueBold.otf);
}


/** GENERAL STYLES IN ALPHA ORDER    **/

.background {
 color:black; 
 }

.Banner_Hdg,.Reviews_Banner_Hdg {
 display:block;
 width:90%;
 background:#6774B7;
 color:white;
 margin:auto;
 margin-bottom:10px;
 font-family:Lao UI,sans-serif;
 text-align:center;
}

#Blog_Buttons {
 display:block !important;
 width:320px;
 margin:auto;
 margin-top:20px;
 padding-bottom:20px;
}

#Blog_Pane {
 text-align: justify;
}

#bookcover {
 display:block;
 height:auto;
 margin:10px auto;
 width:140px;
}

.book_blurb {
 font-family:Galano;
 font-size:1.0rem;
 text-align: justify;
}
.btn {
  text-align: center;
  text-decoration: none;
  margin: 2px 0;
  border-radius: 0.4em;
  padding: 0.4em 1em;
  color: white;
  background-color: #424B76;
}
.button {
  display: inline-block;
  border-radius: 15px;
  background-color: #38376F;
  border: solid #6774B7 2px;
  color: #FFFFFF;
  text-align: center;
  font-size: 15px;
  font-family:Tahoma;
  padding: 10px;
  width: 100px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 1px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button:active {
  background-color: #6774B7;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
  border: none;
}

.button2:hover {
    background-color: #6774B7;
  	border: solid #38376F 2px;
  	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

#button-pane, #index_button-pane {
 display:block;
 width:160px;
 margin:auto !important;
 padding-bottom:10px;
}

.buy-button {
 margin-left:3px !important;
} 

.clearfix {
 clear: both;
}

#center-panel {
 position:relative;
 width:90%;
 left:5%;
 top:5%;
 padding-bottom:30px;
}

#contact_details, #Site_Button {
 width:300px !important;
 margin:auto !important;
}

#CT-Header {
font-size:1.05rem;
}
/** Vertical centering styles    **/
#container {
	min-width: 10%;
	position: relative;
	margin-right: 10px;
}
.vertical {
	display: table !important;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 11;
}
.vertical, .centered {
	display: table-cell !important;
	vertical-align: middle;
}
/** END Vertical centering styles    **/

.dl-hdg {
 display:none;
}

.disabled, .disabled span {
    opacity: 0.6;
    cursor: not-allowed;
}

.flag {
 color:white;
 cursor:pointer;
 position:fixed;
 right:42px;
 top:74px;
 z-index:10;
}

#content-pane {
 display:block;
 width:95%;
 padding:5px !important; 
 margin:110px auto 0px;
}

#gen_content{
 margin-top:5px !important;
}

.Headline {
 color:black; 
 font-family:"Times New Roman", Times, serif;  
 font-size:1.5rem; 
 }

.hdg {
 font-size:1.0rem;
 line-height:1rem;
 }

.image_one {
 width:100%;
}

.indent {
 padding-left:10px;
}

.justify {
 text-align: justify;
}
#Logo-container {
 display: flex;
 position:fixed;
 width:100% !important;
 top:0;
 height:100px;
 background-color:black;
 z-index:4;
}
.Logo_Pic {
 height:100px;
 position:fixed;
}
.narrow {
  width: 90px;
}
.wide {
  flex: 1;
  /* Grow to rest of container */
}
a.LangLink:link {text-decoration: none; color:white; outline:0;} 
a.LangLink:hover {color:black; text-decoration:none; outline:0;}
a.LangLink:visited {text-decoration: none; color:white; outline:0;} 
a.LangLink:visited:hover {color:#444; text-decoration:none; outline:0;}

.MG_Close_Button{background:grey;float:right;width:21px;height:21px;margin-top:-25px;margin-right:-15px;border-radius:25px;-webkit-border-radius:25px;-khtml-border-radius:25px;padding:4px;border:solid 2px silver;z-index:2012;}

.MG_Darken_BG:hover{background:#333333;}

#MG_Overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:6000px;background-color:black;z-index:10;}

#MG_Video_Aspect_Ratio{padding-top:56.25%;}

#MG_Video_Container{color:#ccc;line-height:2.0;position:absolute;top:0;bottom:0;left:0;right:0;padding:5px !important;z-index:2011; max-height:100%;max-width:100%;overflow:hidden;}

#MG_Video_Frame{z-index:2011;border:0;margin:0 2.5% 5% 2.5%;}
 @media only screen and (min-width:28.9375em){#MG_Video_Frame{margin:0% 2.5% 1% 2.5%;}}
 @media only screen and (min-width:46.9375em){#MG_Video_Frame{margin:1.5% 2.5% 0 2.5%;}}
 @media only screen and (min-width:62em){#MG_Video_Frame{margin:1% 2.5% 0 2.5%;}}

#MG_Video_Pane{z-index:2011;display:none;border:solid 5px silver;background:black;position:fixed;width:99%;left:auto;right:auto;-webkit-box-shadow:0px 0px 5px #444444;box-shadow:0px 0px 5px #444444;border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;}
 @media only screen and (min-width:28.9375em){#MG_Video_Pane{width:80%;left:10%;top:15%;}}
 @media only screen and (min-width:46.9375em){#MG_Video_Pane{width:80%;left:10%;top:20%;}}
 @media only screen and (min-height:26em) and (orientation:landscape){#MG_Video_Pane{width:80%;left:10%;top:5%;}}
 @media only screen and (min-width:62.9375em){#MG_Video_Pane{width:70%;left:15%;top:20%;}}
 @media only screen and (min-width:88.9375em){#MG_Video_Pane{width:60%;left:20%;top:12%;}}
 @media only screen and (min-width:118.9375em){#MG_Video_Pane{width:60%;left:20%;}}

#MainContent{
 position:absolute;
 top:0;
 width:100%;
 height:auto;
 min-height:100vh;
}

nav { 
 width:100%;
 text-align:center;
}

nav  a {   /** INITIAL SETTING of .menu  items **/
 display:block;
 padding: 3px 0px;
 color:#F0EADC !important;
 font-size:0.95rem;
 background:#424B76;
 margin-left:-1px !important;
 border: solid 1px #222941;
}

nav a:hover {
 background:#6774B7; 
 color :white;
 text-decoration:none;
}

.menu {
 z-index:10;
 width: 100%;
 height:calc(100vh - 100px);
 position:fixed !important;
 top:57px;
 left:-100%;
 transition: all .5s ease-in-out;
 -webkit-transition: all .5s ease-in-out;
 -moz-transition: all .5s ease-in-out;
 -ms-transition: all .5s ease-in-out;
 -o-transition: all .5s ease-in-out;
}

.menu-icon {
 width: 24px;
 height: 24px;
 cursor:pointer;
 position:fixed;
 right:5px;
 top:82px;
 z-index:10;
 color:#ccc;
}

.menu-icon > span,
.menu-icon > span::before,
.menu-icon > span::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background: #ccc;
  transition-duration: .25s;
}
.menu-icon > span::before {
  content: '';
  top: -8px;
}
.menu-icon > span::after {
  content: '';
  top: 8px;
}
#menuToggle {
 display:none;
}

#menuToggle:checked + .menu-icon > span {
  transform: rotate(45deg);
}
#menuToggle:checked + .menu-icon > span::before {
  top: 0;
  transform: rotate(0deg);
}
#menuToggle:checked + .menu-icon > span::after {
  top: 0;
  transform: rotate(90deg);
}
#menuToggle:checked  ~ .menu {
 position:fixed;
 left:0px;
}

.menu-item {
 list-style-type:none !important;
 z-index:10;
}

.not-on-tall-screens {
 display:none;
}

.ON {
 font-weight:bolder;
 background:#6774B7;
 color:white !important;
 border: solid 1px #222941;
 cursor: not-allowed;
}

.Page_Hdg {
 margin-left:10px;
}
.page_wrapper {
    margin-top: 57px !important;
    background:silver;
}
.padded_pic {
 display:block;
 margin:auto;
 width:300px;
 margin-top:15px !important;
}

.PageHeading {
 background-color: #6774B7;
 color:white;
 font-family:Lao UI,sans-serif;
 font-size:1.2rem;
 text-transform:uppercase;
}
.PageHeadingContainer {
 max-width:300px;
 margin:5px auto 10px;
 text-align:center;
}
@media only screen and (min-width:1200px) {
.PageHeadingContainer {
 margin:25px 0px 10px;
}
}

#Paramount-Pic {
display:block;
width:130px;
margin:auto;
padding-top:19px;
}

.photo_strip {
  width:95%;
  margin:auto !important;
  margin-top:8px !important;
}

.portrait {
 height:130px;
 margin:0 10px !important;
}

.press_article {
 font-family:"Times New Roman", Times, serif;
 font-size:1.1rem;
}

#quote {
 display: block;
 position:relative;
 width:90%;
 margin:auto; 
 font-family: "Courier", sans-serif;
 color:white;
 font-size:1.1rem;
 z-index:1;
 font-weight:bold;;
 top: 50%;
 transform: translateY(-50%);
}

#quote-pane {
 width:100%;
 height: 100vh;
 min-height:100vh;
}

.QuoteCredit {
  font-weight:bolder;
  margin-top:5px;
}

.QuoteCreditBlack {
 color:black; 
 font-family:'times new roman',serif; 
 font-size:0.9rem; 
 font-style:italic;
}

.quote_style {
  background:#f7f38c; 
  padding:10px;
  border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;
}

.Reps {
 margin:0;
 width:100%;
 font-size:15px;
}

#review-list  {
 margin-top:10px;
 padding:0 5px;
}
/* Scrollbar style */
::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #F0EADC; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #F0EADC; 
}

.scrollable {
  overflow-x: hidden; /* Hide horizontal scrollbar */
  overflow-y: auto; /* Add vertical scrollbar if needed */
}
#scroll-pane {
 height:auto;
}
.scroll-text{
 display:none;
 position: fixed;
 left: 0;
 bottom: 0;
 width: 100%;
 text-align: center;
 padding:8px 0;
}

#sighs {
 position:absolute;
 top:5px;
 left:80%;
 color:white;
}

#Site_Button {
 margin-top:20px !important;
 padding:10px !important;
}

#Strapline {padding-left:30%;background:#6774B7;font-size:0.825rem;line-height:62px;}

.SubHeadline {
 font-size:0.9rem; 
 }

#Subtitle,#Strapline {font-family:Calibri,Verdana,sans-serif; font-style:italic; color:silver;}

#Subtitle {
 font-size:0.9rem; 
 width:auto; 
 margin-left:-45px;
 }

.text_small {
 font-size:0.8rem;
}

/* TABLE styles*/

.divTable{
	display: table;
	width: 90% !important;
}
.divTableRow {
	display: table-row;
 max-width:100% !important;
}
.divTableHeading {
 background-color: #6774B7;
 display: table-cell;
 color:white;
 font-family:Lao UI,sans-serif;
 text-transform:uppercase;
 font-size:1.0rem;	
}
.divTableCell, .divTableHead {
	border: 0;
	display: table-cell;
	padding: 3px 10px;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

#TitleBar {
 text-align:center;
 height:100px; 
 background-color: black; /* For browsers that do not support gradients */
 background-image: linear-gradient(to right, black , #6774B7);
 z-index:10;
 margin-top:0px !important;
}

.Title {
 display:block;
 width:auto;
 min-width:250px;
 padding-top:25px;
 color:silver; /* #ECD345 */
 line-height:1.2rem;
 font-size: 1.2rem;
 font-family: dl-font, sans-serif;
 margin-left:-45px;
}

.Title_Small {color:white;background:#6774B7;font-size:2.0rem;text-align:center;}

ul.circle {
 list-style-type: circle;
}

.stopfade { opacity: .5; }

video { display: block; }

/** MEDIA QUERY STYLES IN SIZE ORDER    **/ 

@media only screen and (min-width:20.1375em) and (max-width:55.9375em) { /** from 321 and 895 px wide **/

.buy-button {
 margin-left:5px !important;
}
#Strapline {font-size:1.25rem;
}}

@media only screen and (min-height:22.5em) { /** from 360 px high and up **/
.menu {
 top:100px;
 width:100%;
}}
@media only screen and (max-height:960px) and (min-width:400px) and (orientation:portrait) { /** Portrait iPhones 6, 7 ,8  **/
 #container {
  margin-top:100px;
 }
 #Subtitle {
 font-size:1.1rem;
 }
.Title {
 line-height:2.0rem;
 font-size: 2.0rem;
}
}

}
@media only screen and (min-width:29.9375em){ /** from 480 px **/
#button-pane, #index_button-pane {
 width:320px;
 margin:10px 0px 0px 45px;
}
.menu {
 top:100px;
}
nav  a {
 padding: 5px 0px;
 }
#quote {
 width:90%;
}
}
@media only screen and (max-height:480px) {
 nav  a {
 padding: 3px 0px !important; 
 font-size:0.95rem;
 }
 .menu {
  top:100px;
  overflow:auto;
 }
}
@media only screen and (min-height:481px) and (max-height:620px) {
 nav  a {
 padding: 6px 0px !important;
 }
}
@media only screen and (max-height:620px) and (orientation:landscape) and (max-width:600px) { /** up to 620 px high landscape phones **/
 #center-panel {
  margin:0 !important;
  top:1% !important;
 }
 #container {
  margin-top:110px;
 }
 #content-pane {
  width:95%;
  margin:110px auto 0px !important;
 }
 .menu {
    overflow: auto;
 }
 nav  a {
 padding: 4px 0px !important; 
 font-size:0.95rem !important;
 }
}

@media only screen and (max-height:430px) and (orientation:landscape) and (max-width:940px){ /** special case for long thin phones, inc. iPhone 14 Pro Max **/
 #Logo-container {
  height:100px !important;
 }
 #Logo_Pic {
  height:100px !important;
 }
.menu { 
  overflow:auto;
}
#TitleBar {
 height:100px !important;
}
}
@media only screen and (max-height:600px) { 
 .menu 
 overflow: auto;
 }
 }

@media only screen and (min-height:27em) { /** from 432 px high and up **/
nav  a {
 padding: 5px 0px;
}
}

@media only screen and (min-height:600px) and (orientation:portrait) and (max-width:799px) { /**  from 600 px HIGH and up, but less than 800 px wide **/
 #scroll-pane {
 height:calc(100vh - 245px);
 }
 .scroll-text {
   display:block;
}
}
@media only screen and (min-height:600px) and (orientation:landscape) and (min-width:800px) { /**  from 600 px HIGH and at least 800 px wide - up **/
 #scroll-pane {
 height:calc(100vh - 295px);
 }
 .scroll-text {
   display:block;
}
}
@media only screen and (min-height:600px) and (orientation:portrait) and (min-width:800px)  { /**  from 600 px HIGH and 800 wide and up **/
 #scroll-pane {
 height:calc(100vh - 295px);
 }
 .scroll-text {
   display:block;
}
}
@media only screen and (min-width:600px) and (orientation:landscape) { /**  from 600 px wide - up **/
 #container {
  margin-top:100px;
 }
 #button-pane {
   width:600px;
   margin-top:10px !important;
  }
 .buy-button {
  width:140px !important;
 }
 #Subtitle{
  font-size:1.1rem;
 }
.Title {
 font-size:2.0rem;
 line-height:2.0rem;
 min-width:320px;
}
}
 
@media only screen and (min-width:640px) { /**  from 640 px - up **/
  #button-pane {
   width:640px;
   margin-top:20px !important;
  }
}
@media only screen and (min-width:700px) {
 .menu {
  width:230px;
 }
 }
@media only screen and (min-width:700px) and (min-height:785px) { /**  from 700 px wide and 785px high and up **/
nav  a {
 padding: 15px 0px;
}
}
@media only screen and (max-height:550px) {
 .menu {
  overflow:auto;
 }
 }
@media only screen and (min-width:700px) and (min-height:440px) { /**  from 700 px - up **/
 #container{
 margin-top:150px;
}
 .flag { 
 top:118px;
 right:42px;
 }
 .Logo_Pic {
  height:150px;
 }
 .menu-icon {
  top:126px;
  right:8px;
 }
.menu {
 top:150px;
 height: calc(100vh - 150px);
}
.narrow {
  width:135px;
 }
#Subtitle {
 width:400px;
 font-size:1.5rem; 
 }
#content-pane {
 display:block;
 margin-top:155px;
}
#button-pane, #index_button-pane {
 width:660px;
 margin:20px auto !important;  
 padding:0px !important;
}
#center-panel {
 width:80%;
 left:10%;
 margin-top:5vh;
}
#Frida_Poster {
 height:250px;
 margin-top:15px;
}
#gen_content{
 margin-top:20px !important;
}
.image_one {
 width:50%;
}
.index_container {
 display:block;
 width:90%;
 margin-top:150px;
}
.lozenge {
  border-radius: 15px;
  background-color: #38376F;
  border: solid #6774B7 2px;
  color: #FFFFFF;
  text-align: center;
  font-size: 15px;
  font-family:Tahoma;
  padding: 5px;
  width: 150px;
  margin: auto !important;
  margin-top:20px !important;
}
.not-on-tall-screens {
 display:block;
}
#Paramount-Pic {
width:170px;
}
.photo_strip {
 display:block;
 width:500px;
 margin:auto !important;
 margin-top:8px !important;
}
#quote {
 width:75%;
 font-size:1.5rem;
}
.Reps {
 margin-left:90px;
 margin-top:20px;
}
#review-list {
 margin-top:10px !important;
 display:block !important;
 width:95% !important;
 height:59vh !important;
}
.Reviews_Banner_Hdg {
 width:95% !important;
 margin:auto !important;
 margin-bottom:10px!important;
 font-size:1.2rem;
}
#speech-list {
 width:100%;
}
.Title {
 padding-top:30px;
 width:300px;
 margin:auto !important;
 line-height:3.0rem;
 font-size: 3.0rem;
}
#Subtitle {
 margin:auto;
}
#TitleBar {
 height:150px;
}
}
@media only screen and (min-width:56em) { /** from 896 px up **/
#button-pane {
 display:block;
 width:620px;
 padding:20px;
}
#contact_details {
 margin-left:400px !important;
 margin-top:50px !important;
}
#gen_content {
 padding-top:50px !important; 
 margin-left:330px;
 width:62%;
}
.index_container {
 margin-top:0px;
}
.padded_pic {
 float:right;
 max-width:20vw;
 padding:15px !important;
}
#Site_Button {
 margin-left:386px !important;
}
#Strapline {display:none;
}
#Title {
 display:block;
 padding-top:10px;
 font-size:1.8rem;
 line-height:1.6rem;
}
}
@media only screen and (min-width:63.975em) and (max-height:600px) and (orientation:landscape) { /** special case for Nest Hub - 1024 x 600  **/
 #button-pane {
  margin-left:330px !important;
 }
 #content-pane {
  margin-top:150px !important;
 }
 #Paramount-Pic {
 height:70vh;
 margin:auto !important;
 margin-top:-12px !important;
}
#review-list {
 height:50vh !important;
}
}
@media only screen and (min-width:63.975em) and (min-height:700px) and (orientation:landscape) { /** from iPad mini landscape (1024 px wide) and up  **/ 

.book_blurb {
 font-size:0.8rem;
}
#bookcover{ 
 margin-top:10px !important;
 height:35vh !important;
 width:auto;
}
#button-pane {
 padding-bottom:0px;
}
#center-panel {
 width:85%;
 left:7.5%;
 margin-top:10% !important;
}
#CT-Header {
 font-size:0.95rem !important;
}
#Frida_Poster {
 height:180px;
 margin-left:50px;
}
#gen_content {
 margin-top:10px !important; 
 width:65% !important;
}
#index_button-pane {
 display:block;
 width:620px;
 margin:auto !important;
 margin-top:10px !important;
 padding:10px;
}
.menu {
width:230px !important;
height:auto;
}
.narrow {
  width: 135px;
}
 nav  a {
 padding: 1.4vh 0px !important;
 font-size:0.9em;
}
.Page_Hdg { 
 display:none;
}
#Paramount-Pic {
 height:70vh;
 margin:auto !important;
 margin-top:-12px !important;
}
.Reps{
 margin-left:10%;
 width: 75%;
 margin-top:40px;
 font-size:17px;
}
#review-list {
 width:90%;
 height:62vh !important;
 margin-left:30px;
}
#scroll-pane {
 width:95% !important;
 margin:auto;
}
#textbook-pane {
 width:24% !important;
 height:360px !important;
 height:72vh !important; 
 overflow:auto;
}
}

@media only screen and (min-height:63.975em) and (min-width:768px) and (orientation:portrait) { /** from screens 1024 px high and up  **/ 

.gallery-container {
 margin-top:20% !important;
}
#review-list {
 height:50vh !important;
}
#scroll-pane {
 width:95% !important;
 margin:auto !important;
 height:calc(100vh - 295px);
}
 #scroll-pane {
 height:calc(100vh - 295px);
 }
}
@media only screen and (min-height:1180px) and (min-width:768px) and (orientation:portrait) { /** from screens 1024 px high and up  **/ 
#review-list {
 height:50vh !important;
}
}

@media only screen and (min-height:1300px) and (min-width:768px) and (orientation:portrait) { /** from screens 1024 px high and up  **/ 
#review-list {
 height:75vh !important;
}
}
 @media only screen and (min-height:1130px) { /** from screens 1130 px high and up  **/
  #scroll-pane{
  margin-bottom:10px;
 }
 }

@media only screen and (min-width:85em) { /** from 1360 px wide and up **/
 
 #container {
  margin-top:170px !important;
 }
#content-pane {
 width:78%! important;
 margin-left:270px !important;
}
#bookcover{
 max-height:100%;
}  
.book_blurb {
 font-size:0.9rem;
}
#button-pane, #index_button-pane {
 display:block;
 width:620px;
 margin-top:20px !important;
}
#contact_details {
 margin:auto !important;
}
#container {
 margin-left:250px;
 margin-top:150px;
}
.flag {
 left:190px;
}
#gen_content {
 padding-top:30px !important; 
 margin-top:20px !important;
 margin-left:320px;
 width:70% !important;
}
.image_one {
 width:auto;
}
.menu {
 top:150px;
 left:0px;
}
.menu-icon {
 display:none;
 }
nav  a {
 padding: 15px 0px;
 font-size:0.9em;
 margin-left:5px;
}
.Page_Hdg { 
 display:inherit;
 margin-top:45px;
 margin-left:620px !important;
}
#quote {
 width:65%;
 margin-left:25% !important;
}
.Reps{
 margin-left:320px;
 width: 75%;
 margin-top:50px;
}
#review-list {
 padding-top:0px;
 height:58vh;
}
#Site_Button {
 margin:auto !important;
}
#Subtitle {
 font-size:1.5rem;
}
#Title {
 font-size:3.0rem;
 line-height:3.0rem;
}
}

@media only screen and (min-width:1440px) and (min-height:900px) { /** Apple MacBooks - 1440 px wide x 900px high  **/

 #review-list {
 height:64vh !important;
}
}
@media only screen and (min-width:850px) and (min-height:1230px) { /** Apple iPad Pro - 1024 px wide x 1366px high and Surface Pro 7 and Azus Zenbook Fold **/
#container  {
 margin-top:160px;
 }
}
@media only screen and (max-width:1198px) and (max-height:744px) and (orientation:landscape) { /** for short tablets landscape like the Galaxy Tab S4 **/ 
nav  a {
 padding: 8px 0px;
}
}

@media only screen and (min-height:1049px) { /** from 1049 px high  **/
.not-on-tall-screens {
 display:none;
}}

@media only screen and (min-width:110.375em) { /** on BIG screens - from 1766 px wide and up **/
 
#Blog_Pane {
 min-height:600px;
 overflow:auto;
}  
#bookcover{
 margin-top:35px !important;
} 
.book_blurb {
 font-size:1.0rem;
 margin-top:30px !important;
}
#button-pane, #index_button-pane {
 display:block;
 width:620px;
 margin:auto !important;
 padding:10px!important;
}
#content-pane {
 width:100%;
 margin-left:330px;
}
.divTable{
 margin:auto;
 width: 60%;
 margin-top:100px;
}
#gen_content {
 margin-top:35px !important;
 width:65% !important;
 margin-left:400px !important;
}
.not-on-tall-screens {
 display:none !important;
}
.Page_Hdg { 
 margin-left:40px !important;
}
#Paramount-Pic {
width:193px;
margin-left:-10px;
}
#quote {
 font-size:2rem;
}
#review-list {
 display:inline-block !important;
 margin-top:0px !important;
 margin-left:120px !important;
 padding-top:0px !important;
 height:570px !important;
 width:80% !important;;
 }
.Reviews_Banner_Hdg {
  margin-top:40px !important;;
  margin-left:120px !important;
  width:80% !important;
  font-size:1.25rem;
}
}