@font-face {
    font-family: 'Longdon Decorative';
    src: url('fonts/LongdonDecorative.eot');
    src: url('fonts/LongdonDecorative.eot?#iefix') format('embedded-opentype'),
        url('fonts/LongdonDecorative.woff2') format('woff2'),
        url('fonts/LongdonDecorative.woff') format('woff'),
        url('fonts/LongdonDecorative.ttf') format('truetype'),
        url('fonts/LongdonDecorative.svg#LongdonDecorative') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trajan Pro 3';
    src: url('fonts/TrajanPro3-Regular.eot');
    src: url('fonts/TrajanPro3-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/TrajanPro3-Regular.woff2') format('woff2'),
        url('fonts/TrajanPro3-Regular.woff') format('woff'),
        url('fonts/TrajanPro3-Regular.ttf') format('truetype'),
        url('fonts/TrajanPro3-Regular.svg#TrajanPro3-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Press Jobs';
    src: url('fonts/PressJobs-Regular.eot');
    src: url('fonts/PressJobs-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/PressJobs-Regular.woff2') format('woff2'),
        url('fonts/PressJobs-Regular.woff') format('woff'),
        url('fonts/PressJobs-Regular.ttf') format('truetype'),
        url('fonts/PressJobs-Regular.svg#PressJobs-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Philosopher';
    src: url('fonts/Philosopher.eot');
    src: url('fonts/Philosopher.eot?#iefix') format('embedded-opentype'),
        url('fonts/Philosopher.woff2') format('woff2'),
        url('fonts/Philosopher.woff') format('woff'),
        url('fonts/Philosopher.ttf') format('truetype'),
        url('fonts/Philosopher.svg#Philosopher') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@afont-face {
    font-family: 'Romande ADF Script Std';
    src: url('fonts/RomandeADFScriptStd-Italic.eot');
    src: url('fonts/RomandeADFScriptStd-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/RomandeADFScriptStd-Italic.woff2') format('woff2'),
        url('fonts/RomandeADFScriptStd-Italic.woff') format('woff'),
        url('fonts/RomandeADFScriptStd-Italic.ttf') format('truetype'),
        url('fonts/RomandeADFScriptStd-Italic.svg#RomandeADFScriptStd-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@afont-face {
    font-family: 'Romande ADF Std';
    src: url('fonts/RomandeADFStd-DemiBold.eot');
    src: url('fonts/RomandeADFStd-DemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/RomandeADFStd-DemiBold.woff2') format('woff2'),
        url('fonts/RomandeADFStd-DemiBold.woff') format('woff'),
        url('fonts/RomandeADFStd-DemiBold.ttf') format('truetype'),
        url('fonts/RomandeADFStd-DemiBold.svg#RomandeADFStd-DemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@afont-face {
    font-family: 'Romande ADF Std';
    src: url('fonts/RomandeADFStd-DemiBoldItalic.eot');
    src: url('fonts/RomandeADFStd-DemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/RomandeADFStd-DemiBoldItalic.woff2') format('woff2'),
        url('fonts/RomandeADFStd-DemiBoldItalic.woff') format('woff'),
        url('fonts/RomandeADFStd-DemiBoldItalic.ttf') format('truetype'),
        url('fonts/RomandeADFStd-DemiBoldItalic.svg#RomandeADFStd-DemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}


@afont-face {
    font-family: 'Romande ADF Std';
    src: url('fonts/RomandeADFStd-Italic.eot');
    src: url('fonts/RomandeADFStd-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/RomandeADFStd-Italic.woff2') format('woff2'),
        url('fonts/RomandeADFStd-Italic.woff') format('woff'),
        url('fonts/RomandeADFStd-Italic.ttf') format('truetype'),
        url('fonts/RomandeADFStd-Italic.svg#RomandeADFStd-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Romande ADF Std';
    src: url('fonts/RomandeADFStd-Regular.eot');
    src: url('fonts/RomandeADFStd-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/RomandeADFStd-Regular.woff2') format('woff2'),
        url('fonts/RomandeADFStd-Regular.woff') format('woff'),
        url('fonts/RomandeADFStd-Regular.ttf') format('truetype'),
        url('fonts/RomandeADFStd-Regular.svg#RomandeADFStd-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@afont-face {
    font-family: 'Sidhe';
    src: url('fonts/SidheNoble.eot');
    src: url('fonts/SidheNoble.eot?#iefix') format('embedded-opentype'),
        url('fonts/SidheNoble.woff2') format('woff2'),
        url('fonts/SidheNoble.woff') format('woff'),
        url('fonts/SidheNoble.ttf') format('truetype'),
        url('fonts/SidheNoble.svg#SidheNoble') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



@afont-face {
    font-family: 'Fantasy';
    src: url('fonts/Fantasy-.eot');
    src: url('fonts/Fantasy-.eot?#iefix') format('embedded-opentype'),
        url('fonts/Fantasy-.woff2') format('woff2'),
        url('fonts/Fantasy-.woff') format('woff'),
        url('fonts/Fantasy-.ttf') format('truetype'),
        url('fonts/Fantasy-.svg#Fantasy-') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@afont-face {
    font-family: 'Strongwill Typeface Allcaps';
    src: url('fonts/StrongwillTypefaceAllcaps.eot');
    src: url('fonts/StrongwillTypefaceAllcaps.eot?#iefix') format('embedded-opentype'),
        url('fonts/StrongwillTypefaceAllcaps.woff2') format('woff2'),
        url('fonts/StrongwillTypefaceAllcaps.woff') format('woff'),
        url('fonts/StrongwillTypefaceAllcaps.ttf') format('truetype'),
        url('fonts/StrongwillTypefaceAllcaps.svg#StrongwillTypefaceAllcaps') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@afont-face {
    font-family: 'Strongwill Typeface';
    src: url('fonts/StrongwillTypeface.eot');
    src: url('fonts/StrongwillTypeface.eot?#iefix') format('embedded-opentype'),
        url('fonts/StrongwillTypeface.woff2') format('woff2'),
        url('fonts/StrongwillTypeface.woff') format('woff'),
        url('fonts/StrongwillTypeface.ttf') format('truetype'),
        url('fonts/StrongwillTypeface.svg#StrongwillTypeface') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@afont-face {
    font-family: 'Copperplate Gothic';
    src: url('fonts/CopperplateGothic-Light.eot');
    src: url('fonts/CopperplateGothic-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/CopperplateGothic-Light.woff2') format('woff2'),
        url('fonts/CopperplateGothic-Light.woff') format('woff'),
        url('fonts/CopperplateGothic-Light.ttf') format('truetype'),
        url('fonts/CopperplateGothic-Light.svg#CopperplateGothic-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@afont-face {
    font-family: 'Romande ADF No2 Std';
    src: url('fonts/RomandeADFNo2Std-Regular.eot');
    src: url('fonts/RomandeADFNo2Std-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/RomandeADFNo2Std-Regular.woff2') format('woff2'),
        url('fonts/RomandeADFNo2Std-Regular.woff') format('woff'),
        url('fonts/RomandeADFNo2Std-Regular.ttf') format('truetype'),
        url('fonts/RomandeADFNo2Std-Regular.svg#RomandeADFNo2Std-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@afont-face {
    font-family: 'Romande ADF No2 Std';
    src: url('fonts/RomandeADFNo2Std-DemiBold.eot');
    src: url('fonts/RomandeADFNo2Std-DemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/RomandeADFNo2Std-DemiBold.woff2') format('woff2'),
        url('fonts/RomandeADFNo2Std-DemiBold.woff') format('woff'),
        url('fonts/RomandeADFNo2Std-DemiBold.ttf') format('truetype'),
        url('fonts/RomandeADFNo2Std-DemiBold.svg#RomandeADFNo2Std-DemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@afont-face {
    font-family: 'Romande ADF No2 Std';
    src: url('fonts/RomandeADFNo2Std-DemiBoldItalic.eot');
    src: url('fonts/RomandeADFNo2Std-DemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/RomandeADFNo2Std-DemiBoldItalic.woff2') format('woff2'),
        url('fonts/RomandeADFNo2Std-DemiBoldItalic.woff') format('woff'),
        url('fonts/RomandeADFNo2Std-DemiBoldItalic.ttf') format('truetype'),
        url('fonts/RomandeADFNo2Std-DemiBoldItalic.svg#RomandeADFNo2Std-DemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@afont-face {
    font-family: 'Romande ADF No2 Std';
    src: url('fonts/RomandeADFNo2Std-Italic.eot');
    src: url('fonts/RomandeADFNo2Std-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/RomandeADFNo2Std-Italic.woff2') format('woff2'),
        url('fonts/RomandeADFNo2Std-Italic.woff') format('woff'),
        url('fonts/RomandeADFNo2Std-Italic.ttf') format('truetype'),
        url('fonts/RomandeADFNo2Std-Italic.svg#RomandeADFNo2Std-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@afont-face {
    font-family: 'Romande ADF Style Std';
    src: url('fonts/RomandeADFStyleStd-DemiBold.eot');
    src: url('fonts/RomandeADFStyleStd-DemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/RomandeADFStyleStd-DemiBold.woff2') format('woff2'),
        url('fonts/RomandeADFStyleStd-DemiBold.woff') format('woff'),
        url('fonts/RomandeADFStyleStd-DemiBold.ttf') format('truetype'),
        url('fonts/RomandeADFStyleStd-DemiBold.svg#RomandeADFStyleStd-DemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@afont-face {
    font-family: 'Romande ADF Style Std';
    src: url('fonts/RomandeADFStyleStd-Regular.eot');
    src: url('fonts/RomandeADFStyleStd-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/RomandeADFStyleStd-Regular.woff2') format('woff2'),
        url('fonts/RomandeADFStyleStd-Regular.woff') format('woff'),
        url('fonts/RomandeADFStyleStd-Regular.ttf') format('truetype'),
        url('fonts/RomandeADFStyleStd-Regular.svg#RomandeADFStyleStd-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barthez';
    src: url('fonts/BarthezRegular.eot');
    src: url('fonts/BarthezRegular.eot?#iefix') format('embedded-opentype'),
        url('fonts/BarthezRegular.woff2') format('woff2'),
        url('fonts/BarthezRegular.woff') format('woff'),
        url('fonts/BarthezRegular.ttf') format('truetype'),
        url('fonts/BarthezRegular.svg#BarthezRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


:root {
  --main-black-color: #000000;
  --main-red-color: #4f1022;
  --main-green-color: #104f22;
  --main-green-color: #102f02;
  --main-cream-color: #ddc3a8;
  --main-white-color: #ddd;
  --main-title-red-color: #cf1022;
  --main-brown-color: #522f22
}

.scrollfade { transform: scale(0.98); opacity: 1; transition: all .8s ease-in-out; }
.scrollfadebig { transform: scale(1); opacity: 0; }

html {-webkit-tap-highlight-color: transparent; }
body { margin: 0; display: flex; flex-direction: column; }
html { margin: 0; min-height: 100%; font-size: 9.5px; font-family: arial; background-color: var(--main-green-color); background-color: var(--main-black-color); }
html, body { height: 100%; }

.header_big_holder, .footer_big_holder { width: 100%; background-color: var(--main-red-color);  position: relative; }
.header_big_holder { 
 z-index: 3;
background: -moz-linear-gradient(top, var(--main-red-color) 0%, var(--main-red-color) 60%, var(--main-black-color) 100%);
}

.footer_big_holder {
background: -moz-linear-gradient(top, var(--main-black-color) 0%, var(--main-red-color) 85%, var(--main-red-color) 100%);
}

.header_holder { display: grid; grid-template-columns: 1fr 12fr;  grid-template-rows: auto auto; max-width: 1500px; margin: 10px auto;  z-index: 3; }
.header_holder .head_logo { grid-row: 1 / span 2; margin-left: -10px; margin-right: 10px; width: 13.0vw; max-width: 130px; height: 13.0vw; max-height: 130px; background: url('images/adrider_links_profile_pic.avif') no-repeat; background-size: cover; }
.header_holder .head_title { text-align: left; display: grid; align-items: end; margin-right: auto; font-size: 6.5rem; color: #fdd283; text-shadow: 6px 6px 0 rgba(0,0,0,0.5); font-family: 'Press Jobs';  }
.header_holder .head_menu { display: grid; align-items: center; }

.header_menu { flex: 1; display: flex; align-items: center; justify-content: space-around; text-align: left;  }
.header_menu_item { margin-left: 1.0vw; margin-right: 1.0vw; }
.header_menu_item a { font-size: 1.8em; color: var(--main-white-color); font-family: 'Trajan Pro 3'; text-decoration: none; text-shadow: 4px 4px 0 rgba(0,0,0,0.5);}
.header_menu_item:hover>a { color: #fdd283;  }

.header_menu_item { position: relative; }
.header_menu_item:hover .header_menu_sub { opacity: 1; visibility: visible; transition: all .4s ease-in-out; transition-delay: 0.5s;}
.header_menu_item:hover>a { color: #f4df67; }
.header_menu_item:hover>a { transform: scale(1.1); }
.header_menu_logo a { font-size: 1.8rem; color: #fff; white-space: nowrap; text-decoration: none; } 

.header_menu_sub { background-color: var(--main-red-color); display: block; box-shadow: -5px 5px 0 rgba(0,0,0,0.4); padding: 2.0vw 1.0vw; margin-top: 0.5vw; visibility: hidden; opacity: 0; 
-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; 
-webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -ms-transition:all .2s ease-in;-o-transition:all .2s ease-in; transition:all .2s ease-in;
z-index: 54; position: absolute; 
}

.header_menu_sub_left { left: 0; }
.header_menu_sub_left2 { aleft: -250px; left: 0; } /* Adjust for number of books */
.header_menu_sub_left3 { left: -150px; } 
.header_menu_sub_right { right: 0; }
.header_menu_sub>a { display: block; font-family: "Trajan Pro 3"; font-size: 1.8rem; color: #ccb; text-shadow: -2px 2px 0 rgba(0,0,0,0.3); margin-bottom: 0.6vw; white-space: nowrap; }
.header_menu_sub>a:hover { color: #ffe; }	

.menu_booklist_holder { text-align: center; vertical-align: top; width: 30.0vw; min-width: 30.0vw; max-width: 300px; } /* Adjust for number of books */
.menu_booklist_item { display: inline-block; width: 14.0vw; max-width: 140px; height: 20.0vw; max-height: 200px; margin: 1.0vw 0.3vw; text-align: center; vertical-align: top; aborder: 3px solid #ee0; }
.menu_booklist_item a { font-size: 1.4rem; font-weight: bold; color: #eee; font-family: "Trajan Pro 3"; text-decoration: none; display: inline-block; height: 100%; width: 100%; }
.menu_booklist_item img {width: 10.0vw; max-width: 100px; height: auto; box-shadow: -2px 2px 0 rgba(0,0,0,0.3); transition: all .2s ease-in-out; }
.menu_booklist_item img:hover { transform: scale(1.1); }

.menu_explore_holder { text-align: center; vertical-align: top; width: 40.0vw; min-width: 40.0vw; max-width: 400px; } /* Adjust for number of books */
.menu_explore_item { display: inline-block; awidth: 14.0vw; amax-width: 140px; aheight: 20.0vw; amax-height: 200px; margin: 1.0vw; text-align: center; vertical-align: top; aborder: 3px solid #ee0; }
.menu_explore_item a { font-size: 1.5rem; font-weight: bold; color: #eee; font-family: "Trajan Pro 3"; text-decoration: none; display: inline-block; height: 100%; width: 100%; }
.menu_explore_item div { background-color: var(--main-cream-color); margin: 0.2vw auto 0.8vw auto; width: 7.5vw; max-width: 75px; height: 7.5vw; max-height: 75px; padding: 1.0vw; border-radius: 50%; transition: all .2s ease-in-out;}
.menu_explore_item div img {  height: 7.5vw; max-height: 75px; width: auto; }
.menu_explore_item div:hover { transform: scale(1.1); }

.menu_booklist_title, .menu_explore_title { color: var(--main-cream-color); font-size: 2.5rem; text-align: center; width: 100%; font-family: "Philospher"; border: 3px solid rgba(200, 200, 0, 0.3); border-width: 0 0 1px 0; margin-bottom: 9px; }

.sidemenu { width: 160px; background-color: var(--main-red-color); border: 3px solid var(--main-red-color); padding: 10px; position: absolute; top: 15.0vw; left: 0; transform-origin: top left; transform: translateX(-100%)  scaleY(0); z-index: 1;  transition: all .4s ease-in-out;  
background: -moz-linear-gradient(top, var(--main-red-color) 0%, var(--main-red-color) 60%, var(--main-black-color) 100%);
}
.side_menu_item { margin-left: 10px; margin-right: 10px; margin-top: 5px; }
.side_menu_item a { font-size: 1.7rem; color: var(--main-white-color); font-family: 'Trajan Pro 3'; text-decoration: none; text-shadow: 4px 4px 0 rgba(0,0,0,0.5);}
.side_menu_item:hover a { color: #fdd283;  }

.scrollsidebar_open_div { width: 20px; height: 20px; text-align: right; position: absolute; top: 1.2vw; right: 4.0vw; display: none; }
.scrollin { transform: translateX(0)  scaleY(1); }

.menu_icon { width: 20px; height: 20px; margin: auto; z-index: 10; cursor: pointer; position: relative; display: flex; display: block !important; align-items: center; }
.menu_icon span { position: absolute; display: block; height: 4px; width: 20px; background-color: var(--main-white-color); transform: rotate(0); transition: all 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22); }

span.one { top: 0px; }
span.two { top: 8px; }
span.three { top: 16px; }
.clicked .one { transform: translateY(8px) translateX(-1px) rotate(45deg); }
.clicked .two { opacity: 0; }
.clicked .three { transform: translateY(-8px) translateX(-1px) rotate(-45deg); }


.footer_holder { max-width: 1500px; margin: 2.0vw 4.0vw; }
.footer_menu_holder { display: grid; grid-template-columns: 1fr 1fr 2fr 1fr;  grid-template-rows: auto auto;  }
.footer_menu { margin: 0 20px; }
.footer_menu .header { font-size: 1.6rem; color: #ee2; font-family: 'Trajan Pro 3'; font-weight: bold; text-decoration: none; text-shadow: 4px 4px 0 rgba(0,0,0,0.5); margin: 2px 0 2px 5px;  }
.footer_menu span a { font-size: 1.5rem; color: #cc2; font-family: 'Romande ADF Std'; text-decoration: none; text-shadow: 4px 4px 0 rgba(0,0,0,0.5); margin: 2px 0 2px 8px; }
.footer_menu span:hover a { color: #eef;  }

.footer_holder .copyright { font-size: 1.6rem; color: var(--main-white-color); font-family: 'Trajan Pro 3'; font-weight: bold; text-decoration: none; text-shadow: 4px 4px 0 rgba(0,0,0,0.5); margin: 20px 0 2px 15px; }

.corner_piece { height: 8.0vw; max-height: 80px; width: auto; }
.corner_piece.one { margin-left: 0; float: left; }
.corner_piece.two {  margin-right: 0; float: right; }
.corner_piece.three { position: absolute; bottom: 0; right: 0; }
.corner_piece.four { position: absolute; bottom: 0; left: 0; }



.main_content { flex: 1 0 auto; overflow: hidden; }

.fog { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; none; pointer-events: none; z-index: 3; }
.fog img { position: absolute; bottom: 0; max-width: 100%; animation: fog_effect calc(20s * var(--i)) ease-in infinite; }
@keyframes fog_effect {
  0% { opacity: 0; transform: scale(1);  }
  25%,
  75% { opacity: 0.2; }
  100% {  transform: scale(6); opacity: 0; }
}

.frontpage_image_holder_big { width: 100%; background-color: var(--main-black-color); margin: 0 auto; position: relative; } 
.frontpage_image_holder { width: 100%; height: 56.0vw; max-height: 560px;  background-color: var(--main-black-color); abackground: -moz-linear-gradient(top, var(--main-black-color) 0%,  var(--main-black-color) 96%, transparent 100%);  display: flex; padding-bottom: 30px; }
.frontpage_image_holder_text { width: 30%; display: flex; align-items: center; justify-content: center; }
.frontpage_image_holder_text_sub { width: 90%; color: var(--main-white-color);  font-size: 3.6rem; line-height: 160%; text-align: center; font-style: italic; font-family: 'Romande ADF Script Std';  }

.frontpage_image_holder_image { width: 70%; height: auto; aheight: 100%; max-height: 560px; display: flex; background: url('images/na1.avif'); z-index: 0; background-size: cover; background-position: center center;
-webkit-mask-image: linear-gradient(to bottom, blue 0%, black 70%, transparent 100%);
mask-image: linear-gradient(to bottom, red 0%, red 70%, transparent 100%);
}

.frontpage_divider1 { width: 100%; height: 20px; background-color: var(--main-green-color); amargin-top: -50px; aborder: 2px solid #e00; z-index: 0;  
background: -moz-linear-gradient(top, transparent 0%, var(--main-green-color) 80%, var(--main-green-color) 100%);
}

.frontpage_gravenmore_grid_big { background-color: var(--main-red-color); }
.frontpage_gravenmore_grid { display: flex; width: 96%; min-height: 350px; max-height: 350px; gap: 2.0vw; }
.frontpage_gravenmore_grid .left { display: flex; background: url('images/aa.avif') no-repeat; background-size: cover; background-position: center center; width: 55%; height: auto; 
mask-image: radial-gradient(circle, #0e0 0%, #0e0 60%, transparent 100%);
 }
.frontpage_gravenmore_grid .right { display: flex; flex-direction: column; width: 45%; background-color: var(--main-red-color); padding: 0.5vw; text-align: center; font-size: 2.1rem; color: #eee; text-shadow: -2px 2px 0 rgba(0,0,0,0.5); line-height: 120%;  font-family: 'Times New Roman'; }
.frontpage_gravenmore_grid .right span { font-size: 3.0rem; font-weight: bold; font-family: 'Philosopher'; }
.frontpage_gravenmore_grid .subgrid { width: 90%; display: grid; grid-template-columns: auto auto auto; grid-template-rows: 1fr; gap: 3.0vw; align-self: center; margin-top: auto; margin-bottom: 0; color: #eee;  }
.frontpage_gravenmore_grid .subgrid .item { display: grid; }
.frontpage_gravenmore_grid .subgrid .item a { text-align: center; font-size: 1.8rem; font-weight: bold; font-family: 'Trajan Pro 3'; text-shadow: -2px 2px 0 rgba(0,0,0,0.5); color: var(--main-cream-color);  text-decoration: none; transition:  all .1s ease-in-out; }
.frontpage_gravenmore_grid .subgrid .item a:hover { transform: scale(1.05); }
.frontpage_gravenmore_grid .subgrid .item div { background-color: var(--main-cream-color); margin: 1.0vw auto; width: 7.5vw; max-width: 75px; height: 7.5vw; max-height: 75px; padding: 1.5vw; border-radius: 50%; }
.frontpage_gravenmore_grid .subgrid .item div img {  height: 7.5vw; max-height: 75px; width: auto; }

.frontpage_sections_grid { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr; background-color: var(--main-black-color); align-items:center; align-items: start; align-self: center; gap: 1.0vw;  margin: 4.0vw 2.0vw; }
.frontpage_sections_grid .item { display: grid; }
.frontpage_sections_grid .item, .frontpage_sections_grid .item a { text-align: center; font-size: 2.0rem; color: #fff; font-family: 'Times New Roman'; line-height: 130%; text-decoration: none;  }
.frontpage_sections_grid .item .title { font-size: 3.2rem; color: var(--main-cream-color); font-family: 'Philosopher'; margin: 1.5vw auto; }
.frontpage_sections_grid .item .img1 { background: url('images/mainpage_typewriter.avif'); }
.frontpage_sections_grid .item .img2 { background: url('images/mainpage_hotair_boy.avif'); }
.frontpage_sections_grid .item .img3 { background: url('images/mainpage_coffee.avif'); }
.frontpage_sections_grid .item .img1, .frontpage_sections_grid .item .img2, .frontpage_sections_grid .item .img3 {
width: 30.0vw; max-width: 300px; height: 20.0vw; max-height: 200px; 
margin: 10px auto; border-radius: 10px; background-size: cover; background-position: center center; 
mask-image: radial-gradient(circle, #0e0 0%, #0e0 80%, transparent 100%);
}

.front_booklist .welcome { font-size: 4.5rem; color: var(--main-cream-color); font-weight: bold; font-family: 'Philosopher';  text-shadow: -4px 4px 0 rgba(0,0,0,0.8); }
.front_booklist .maintitle { color: var(--main-title-red-color); font-size: 2.5rem; font-family: 'Trajan Pro 3'; font-weight: bold; text-shadow: 0 0 8px rgba(100,0,0,0.5); background-color: #222; padding: 0.6vw 1.5vw; display: inline-block; margin: 1.0vw auto 2.0vw 0;  border-radius: 1.5vw; }
.front_booklist .holder { text-align: center; padding: 2.0vw 0 4.0vw 0; background-color: var(--main-green-color); }
.front_booklist .table { width: 90%; max-width: 1100px; text-align: center; margin: auto; }
.front_booklist .item { grid-row: 1 / span 4; margin-right: 2.0vw; margin: 0 2.0vw; vertical-align: top; text-align: center; }
.front_booklist .item img { width: 40.0vw; max-width: 400px; height: auto; }
.front_booklist .title {  display: grid; text-align: center; font-size: 4.3rem; font-weight: bold; font-family: 'Barthez', 'aTrajan Pro 3'; color: var(--main-cream-color); text-shadow: -3px 3px 0 rgba(0,0,0,0.2); }
.front_booklist .divider {  display: grid; background: url('images/web_divider01.avif') no-repeat; width: 80%; height: 100%; background-size: contain; margin: 3px auto;}
.front_booklist .desc { display: grid; text-align: center; vertical-align: top; font-size: 2.3rem; line-height: 130%; font-family: 'Philosopher'; color: var(--main-white-color); afont-weight: 600; text-shadow: -3px 3px 0 rgba(2,2,2,0.5); margin: 1.0vw auto; }
.front_booklist .sub { display: grid; grid-template-columns: 1fr 12fr; grid-template-rows: 1fr 1fr 2fr 1fr; }

.front_booklist .button { background-color: #4b1e16; border: 1px solid #2b0e06; border-radius: 10px; color: #aaa; aborder: 5px solid #999; padding: 3px 6px; box-shadow: 0 0 10px rgba(0,0,0,0.5);  cursor: pointer;  margin: 0 auto; width: 80%; text-align: center; }
.front_booklist .button { display: grid;}
.front_booklist .button a { color: #fef; text-shadow: -2px 2px 0 rgba(0,0,0,0.2); font-size: 2.5rem; font-family: 'Free Press'; afont-weight: bold;  text-decoration: none; margin: auto; }


.color_divider_green_black { 
background-color: var(--main-green-color); height: 40px;
background: -moz-linear-gradient(top, var(--main-green-color) 0%, var(--main-black-color) 60%, var(--main-black-color) 100%);
}

.color_divider_black_green { 
background-color: var(--main-black-color); height: 40px;
background: -moz-linear-gradient(top, var(--main-black-color) 0%, var(--main-green-color) 60%, var(--main-green-color) 100%);
}

.color_divider_black_brown { 
background-color: var(--main-black-color); height: 40px;
background: -moz-linear-gradient(top, var(--main-black-color) 0%, var(--main-brown-color) 60%, var(--main-brown-color) 100%);
}

.color_divider_brown_black { 
background-color: var(--main-black-color); height: 40px;
background: -moz-linear-gradient(top, var(--main-brown-color) 0%, var(--main-black-color) 60%, var(--main-black-color) 100%);
}

.color_divider_red_black { 
background-color: var(--main-red-color); height: 40px;
background: -moz-linear-gradient(top, var(--main-red-color) 0%, var(--main-black-color) 60%, var(--main-black-color) 100%);
}

.color_divider_black_red { 
background-color: var(--main-black-color); height: 40px;
background: -moz-linear-gradient(top, var(--main-black-color) 0%, var(--main-red-color) 60%, var(--main-red-color) 100%);
}

.about_grid1 { display: flex; width: 85%; max-width: 1200px; margin: 30px auto; }
.about_grid1 .left { display: flex; background: url(images/adrider_links_profile_pic.avif); background-size: cover;  width: 20.0vw; height: 20.0vw;  }
.about_grid1 .right { display: flex; width: 80%; line-height: 160%; font-size: 2.1rem; font-family: 'Romande ADF Std'; color: var(--main-cream-color); }

.socials_list_holder, .asubscribe_page_holder { width: 80%; padding: 10px 0; margin: 30px auto; background-color: var(--main-green-color); border-radius: 10px; abackground: url('images/rusted_iron.jpg') #75472f; position: relative; }
.socials_list_title { text-align: center !important; font-size: 3.6rem !important; font-weight: bold !important; color: var(--main-cream-color) !important; text-shadow: -3px 3px 0 rgba(0,0,0,0.6) !important; font-family: 'Philosopher'; margin: 10px auto 0 auto !important; }
.socials_list_desc { text-align: center !important; font-size: 2.1rem !important; font-weight: bold !important; color: var(--main-white-color) !important; font-family: 'Romande ADF No2 Std'; text-shadow: 0 0 14px rgba(0,0,0,0.6) !important; margin: 10px auto 30px auto !important; width: 60% !important; }
.socials_list_image_box { width: 150px; height: 150px; aoverflow: hidden; margin: 20px auto; }
.socials_list_image_box img { border-radius: 50%; width: 100%; height: 100%; aborder: 14px double #333; box-shadow: 0 0 10px rgba(0,0,0,0.7); transition: all 0.2s ease-in-out; }
.socials_list_image_box img:hover { box-shadow: 0 0 40px rgba(0,0,0,0.7);  }

.socials_list { margin: 20px auto 40px auto; width: 80%; max-width: 700px;  }
.asocials_list div { border: 2px solid #e00; }
.socials_list_item { flex: 1; display: flex; flex-direction: row; align-items: center; margin: 10px auto; border: 3px solid #666; box-shadow: -3px 3px 0 rgba(0,0,0,0.5); border-radius: 10px; padding: 10px; text-align: center; background-color: var(--main-red-color); abackground: url('images/oakb.jpg') #222; abackground: url('images/travertineb.jpg') #eee; transform: scale(1); transition: all 0.2s ease-in-out; }
.socials_list_text { flex: 1 1 0%;  padding: 5px; text-align: center; }
.socials_list_text a { display: inline-block; height: 100%; width: 100%; text-decoration: none; color: var(--main-white-color); font-size: 2.3rem; font-family: 'Philosopher'; font-weight: 600; }
.socials_list_item:hover { transform: scale(1.05);  }
.socials_list_item:hover .socialbutton2 { animation: gear_right2 3s infinite linear;} 
.socials_list_decorative { text-align: center; margin: 30px auto; }
.socials_list_decorative img { width: 30.0vw; max-width: 300px; height: auto; opacity: 0.6; }


.socialbutton{ width: 5.4vw; min-width: 32px; max-width: 54px; height: auto;  border-radius: 50%;  margin: 0;  }
.socialbutton{ font-size: 1.7rem; color: var(--main-white-color); font-weight: 400; text-shadow: 0 none; }


.booklist { text-align: center; margin: 0 auto 5.0vw auto; amargin-bottom: 5.0vw; width: 95%; max-width: 1200px; }
.booklist .item { display: inline-block; margin: 3.0vw 1.0vw; width: 20.0vw; max-width: 200px; vertical-align: top; transition: .2s all ease-in-out; border-radius: 10px; } 
.booklist .item:hover { box-shadow: 0 0 6.0vw rgba(200,100,0,0.9); transform: scale(1.01); background-color: rgba(200, 100, 0, 0.3); background: radial-gradient(circle at center, rgba(200, 100, 0, 0.8) 0%, rgba(200, 100, 0, 0.1) 100%); }
.booklist .item, .booklist .item a { font-size: 1.9rem; color: #fff; font-family: 'Trajan Pro 3'; text-decoration: none; }
.booklist .item .sub { height: 27.0vw; margin-bottom: 1.0vw;   background-color: transparent; }
.booklist .item .sub img { width: 17.5vw; max-width: 175px; height: auto; margin-bottom: 1.0vw; aborder: 1px solid #e00;  }
.booklist_header { text-align: center; font-size: 5.5rem; font-size: 4.5rem; font-family: 'Trajan Pro 3'; color: var(--main-cream-color); margin: 2.5vw 0; }
.booklist_series{ text-align: center; font-size: 3.5rem; font-family: 'Trajan Pro 3'; font-weight: bold; color: var(--main-title-red-color); text-shadow: 0 0 8px rgba(100,0,0,0.5); margin-top: 3.0vw; }
.booklist_divider {  background: url('images/web_divider03.avif') no-repeat; height: 6.0vw; background-size: auto 100%; background-size: contain; amargin: 1.0vw auto 5.0vw auto; amargin-top: -2.0vw; background-position: center; }
.booklist_description {  width: 70%; margin: 1.0vw auto; text-align: center; font-size: 2.2rem; color: #fff; font-family: 'Times New Roman'; line-height: 140%;  }

.character_bigheader_border { border: 3px solid #bf8f04; width: 90%; margin: 1.0vw auto 4.0vw auto; max-width: 1200px; border-radius: 5px; }
.character_bigheader {  text-align: center; font-size: 4.3rem; font-family: 'Trajan Pro 3'; color: var(--main-cream-color); padding: 0.5vw; background-color: var(--main-green-color); border: 3px solid #bf8f04; border-width: 0 0 3px 0; }
.character_subheader { text-align: center; font-size: 3.9rem; font-family: 'Trajan Pro 3'; color: var(--main-white-color); margin-top: 2.0vw; }
.character_divider {  background: url('images/web_divider01.avif') no-repeat; background-position: center; height: 3.0vw; background-size: contain; margin: 3px auto 3.0vw auto; }
.character_grid { display: flex; width: 95%; max-width: 1200px; margin: 0 auto; gap: 2.0vw; }
.character_grid .left { display: flex; flex-direction: column; width: 50%; }
.character_grid .right { display: flex; flex-direction: column; width: 50%; }
.character_grid .center { width: 100%; }
.character_name { color: var(--main-cream-color); font-size: 3.0rem; font-family: 'Barthez'; font-weight: bold; }
.character_bio {  color: var(--main-white-color); font-size: 2.2rem; font-family: 'Romande ADF No2 Std'; line-height: 150%; margin: 0 auto 3.0vw 3.0vw; }


.slanglist_holder { display: flex; width: 90%; margin: 0 auto; max-width: 1200px; gap: 2.0rem; }
.slanglist_holder .left { width: 50%; }
.slanglist_holder .right { width: 50%; } 
.slanglist_holder_list { border: 3px solid #bf8f04;}
.slanglist_holder_list .head { font-size: 2.3rem; font-weight: bold; color: var(--main-cream-color); font-family: 'Trajan Pro 3'; padding: 5px; border-radius: 3px; background-color: var(--main-green-color); } 
.slanglist_holder_list .text { padding: 0.5vw 1.0vw;  } 
.slanglist_item { font-size: 1.9rem; color: var(--main-white-color); font-family: "Romande ADF Std"; line-height: 150%;  }
.slanglist_item .word { font-weight: bold; color: var(--main-cream-color); }
.slanglist_item .def { }



.all_pages_title { font-size: 4.2rem; margin-top: 20px; font-weight: bold; font-family: 'Philosopher'; color: var(--main-cream-color); text-align: center;  }
.all_pages_desc { width: 70%; margin: 20px auto 40px auto; text-align: center; color: var(--main-white-color); font-size: 2.1rem; text-shadow: -2px 2px 0 rgba(0,0,0,0.5); line-height: 130%;  font-family: 'Romande ADF Std', 'Times New Roman';  } 


.book_page_holder_big { padding: 4.0vw 0; background-color: var(--main-black-color); }
.book_page_holder { display: grid; grid-template-columns: 4fr 1fr;  grid-template-rows: 1fr; gap: 1.0vw 3.0vw; width: 90%; max-width: 1200px; margin: 0 auto; }
.book_page_holder .book_title { color: var(--main-cream-color); text-shadow: -3px 3px 0 rgba(0,0,0,0.2); font-size: 4.7rem; font-family: 'Barthez'; font-weight: bold; line-height: 140%; }
.book_page_holder .book_series { color: var(--main-title-red-color); font-size: 2.5rem; font-family: 'Trajan Pro 3'; font-weight: bold; text-shadow: 0 0 8px rgba(100,0,0,0.5); background-color: #222; padding: 0.5vw 1.5vw 0.3vw 0.6vw; display: inline-block; margin: 1.0vw auto 2.0vw 0;  border-radius: 0 1.5vw 1.5vw 0; }

.book_page_left_column { display: grid; align-items: start;  }
.book_page_left_column { color: var(--main-white-color); font-size: 2.1rem; text-shadow: -3px 3px 6px rgba(0,0,0,0.5); font-family: 'Times New Roman'; line-height: 140%; text-align: left; }
.book_page_left_column span { font-size: 110%; font-weight: bold; }

.book_page_right_column { display: grid; align-self: start;  }
.book_page_right_column { color: #ddd; font-size: 1.6rem; line-height: 140%; margin: 2px; text-align: left; }
.book_page_right_column span { font-weight: bold; }
.book_page_right_column img { width: 30.0vw; max-width: 300px; height: auto; margin-top: 2.0vw; }
.book_page_right_column .sub { margin-top: 2.0vw; padding-left: 2.0vw; }

.book_page_button { border: 5px outset #522F22; background-color: #825F52; box-shadow: 0 0 4px rgba(0,0,0,0.5); text-align: center; line-height: 2.0rem; display: inline-block; margin: 2.0vw auto; border-radius: 0.5vw; }
.book_page_button a { font-size: 1.8rem; color: #fff; text-shadow: -3px 3px 0 rgba(0,0,0,0.5); text-decoration: none; font-family: 'Trajan Pro 3'; display: block; overflow: auto; padding: 1.0vw 2.0vw; }
.book_page_button a span { font-size: 1.5rem; }

.book_page_sample_button { border: 2px solid #222; background-color: var(--main-red-color); text-align: center; }
.book_page_sample_button a { font-size: 2.3rem; color: #fff; text-shadow: 0 0 5px rgba(0,0,0,0.5); font-family: 'Trajan Pro 3'; display: block; overflow: auto; padding: 1.0vw 2.0vw; text-decoration: none; }

.book_page_addto_holder { width: 80%; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; gap: 0; place-items: center; padding: 1.0vw 0;  margin: 0 auto; }
.book_page_addto { display: grid; width: 100%; padding: 1.0vw 2.0vw; text-align: left;  } 
.book_page_addto a { font-size: 1.6rem; color: #eee; text-decoration: none; align-self: left; text-align: left; }
.book_page_addto a::before { content: ''; background: url('images/reader_icon.avif'); display: inline-block; margin-right: 1.0vw; height: 2.4vw; width: 2.4vw; vertical-align: middle; background-size: contain; }
.book_page_addto.red a::before { background-color: rgb(219.6, 60.3, 48.6); }
.book_page_addto.green a::before { background-color: #3f8363; }


.book_quote_holder { background-color: var(--main-green-color); padding: 1.0vw 4.0vw 5.0vw 4.0vw; }
.book_quote_title { font-size: 5.0rem; color: var(--main-cream-color); text-shadow: -3px 3px 0 rgba(0,0,0,0.5); font-family: 'Longdon Decorative'; text-align: center; }
.book_quote_list { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 5.0vw; font-family: 'Philosopher'; max-width: 1500px; margin: 0 auto; }
.book_quote_item { display: grid; }

.book_quote_item .quote { font-size: 1.6rem; color: var(--main-white-color); text-shadow: -3px 3px 0 rgba(0,0,0,0.7); position: relative; font-family: 'Trajan Pro 3'; }
.book_quote_item .quote::before { content: "“"; font-size: 7.0rem; position: absolute; top: -2.0vw; left: -2.0vw; }
.book_quote_item .quote::after { content: "”"; font-size: 7.0rem; height: 1px; position: absolute; bottom: 3.0vw; right: -1.2vw; }
.book_quote_item .reviewer { font-size: 2.3rem; margin-top: 1.0vw; text-align: left; color: var(--main-cream-color); }

.book_quote_divider {  background: url('images/web_divider02.avif') no-repeat; height: 5.0vw; background-size: auto 100%; margin: 1.0vw auto 5.0vw auto; background-position: center; }


.series_holder_big_header { grid-column: 1 / span 3; text-align: center; font-size: 2.5rem; text-shadow: -2px 2px 0 rgba(0,0,0,0.5); color: var(--main-cream-color); font-family: 'Trajan Pro 3'; padding: 10px 0; }
.series_holder_big { width: 100%; display: grid; grid-template-columns: 1fr 33fr 1fr; grid-template-rows: 1fr auto; gap: 0; background-color: var(--main-brown-color);  padding: 10px 0;  }
.series_holder { display: flex; justify-content: space-around; overflow: hidden; scroll-behavior: smooth; text-align: center; grid-template-columns: auto; grid-template-rows: 1fr; }
.series_item { display: flex; flex: 0 0 auto; justify-content: center; align-items: center; width: 200px;  height: 24.0vw; max-height: 240px; vertical-align: middle; text-align: center; font-size: 3.0rem; color: #eee; }
.series_item img { width: 12.5vw; max-width: 125px; height: auto; max-height: 195px; vertical-align: middle; }
.series_item a {font-size: 1.6rem; text-decoration: none; color: #eee; font-family: 'Trajan Pro 3'; }
.series_item .title { padding: 8px; }

.series_nav_block { width: 50px; max-width: 50px; min-width: 20px; text-align: center; height: 22.0vw; max-height: 220px; margin: 0; }
.series_holder_big .sub { overflow: hidden; width: 100%; }
.series_nav_block a { display: inline-block; text-align: center; user-select: none; font-size: 12.0rem; color: #999; opacity: 0.3; cursor: pointer; 
-webkit-transform:scale(1,2); /* Safari and Chrome */
-moz-transform:scale(1,2); /* Firefox */
-ms-transform:scale(1,2); /* IE 9 */
-o-transform:scale(1,2); /* Opera */
transform:scale(1,2); /* W3C */
}
.series_nav_block a:hover { opacity: 0.6; }


.gravenmore_grid { display: flex; width: 75%; max-width: 1200px; margin: 0 auto; }
.gravenmore_grid .subgrid { width: 90%; display: grid; grid-template-columns: auto auto auto; grid-template-rows: 1fr; gap: 3.0vw; align-self: center; margin-top: auto; margin-bottom: 0; margin: 0 auto; color: #eee;  }
.gravenmore_grid .subgrid .item { display: grid; }
.gravenmore_grid .subgrid .item a { text-align: center; font-size: 1.8rem; font-weight: bold; font-family: 'Trajan Pro 3'; text-shadow: -2px 2px 0 rgba(0,0,0,0.5); color: var(--main-cream-color);  text-decoration: none; transition:  all .1s ease-in-out; }
.gravenmore_grid .subgrid .item a:hover { transform: scale(1.05); }
.gravenmore_grid .subgrid .item div { background-color: var(--main-cream-color); margin: 1.0vw auto; width: 10.0vw; max-width: 100px; height: 10.0vw; max-height: 100px; padding: 2.5vw; border-radius: 50%; }
.gravenmore_grid .subgrid .item div img {  height: 10.0vw; max-height: 100px; width: auto; }


.subscribe_page_holder { width: 98%; max-width: 1200px; margin: 0 auto; position: relative; }
.subscribe_page_bigtitle { text-align: center; font-size: 4.5rem; font-weight: bold; color: var(--main-cream-color); text-shadow: -3px 3px 0 rgba(0,0,0,0.6); font-family: 'Trajan Pro 3'; margin: 0.5vw auto 0 auto; }
.subscribe_page_title,  .ml-form-embedContent h4, .ml-form-successContent h4 { text-align: center !important; font-size: 2.5rem !important; font-weight: bold !important; color: #ddd !important; text-shadow: -3px 3px 0 rgba(0,0,0,0.6) !important; font-family: 'Romande ADF Std' !important; margin: 0 auto !important; }
.subscribe_page_desc, .ml-form-embedContent span, .ml-form-successContent span { text-align: center !important; font-size: 2.2rem !important; afont-weight: bold !important; color: #bbb !important; font-family: 'Times New Roman' !important; text-shadow: 0 0 14px rgba(0,0,0,0.6) !important; width: 90% !important; line-height: 140%; margin: 2.0vw auto; }

@keyframes balloon_float {
0% { transform: translate(0px, 0.2vw); }
50% { transform: translate(0px, 3.0vw); }
100% { transform: translate(0px, 0.2vw); }
}

@keyframes balloon_path {
0% { transform: translate(0px, 0px); }
100% { transform: translate(-69.5vw, 0px); }
}

.subscribe_page_image_box { width: 15.0vw; max-width: 150px; height: 15.0vw; max-height: 150px; border: 1.4vw double #333; position: relative; z-index: 0; overflow: hidden; border-radius: 50%; margin: 2.0vw auto; box-shadow: 0 0 1.0vw rgba(0,0,0,0.7); transition: all 0.2s ease-in-out; }
.subscribe_page_image_box .balloon { width: 9.2vw; max-width: 92px; height: 12.0vw; max-height: 120px; position: absolute; top: 0; right: 0; left: 0; margin: 0 auto; animation: balloon_float 25s infinite linear; background: url('images/hot_air_balloon_float.avif') no-repeat; background-size: cover;  }
.subscribe_page_image_box .sky {  width: 99.4vw; height: 15.0vw; height: 100%; background: url('images/hot_air_balloon_sky.avif'); background-size: cover; z-index: -1; position: absolute; top: 0; left: 0; animation: balloon_path 20s infinite linear; }
.subscribe_page_image_box:hover { box-shadow: 0 0 4.0vw rgba(200,0,0,0.7); }

.subscribe_page_notyet_holder { margin: 2.0vw 0; background-color: var(--main-green-color);  }
.subscribe_page_notyet { width: 100%; max-width: 1200px; margin: 0 auto; padding: 2.0vw 1.0vw; }
.subscribe_page_notyet .sub { display: flex; width: 80%; margin: 0 auto; }
.subscribe_page_notyet .sub .left { width: 70%; }
.subscribe_page_notyet .sub .right { width: 30%;text-align: right; }
.subscribe_page_notyet .sub .right .i { height: 300px; width: auto; transition: all .6s ease-in-out; transform: perspective(800px) rotateY(-18deg) } 
.subscribe_page_notyet .sub .right .i:hover { transform: rotateY(0deg) scale(1.1); }




.social_holder { text-align: center; font-size: 1.9rem; font-family: 'Trajan Pro 3'; color: var(--main-white-color); padding: 10px 0; }

.socialbutton, .socialbutton2 { width: 6.0vw; min-width: 32px; max-width: 60px; height: auto; abox-shadow: 0 0 1.5vw rgba(0, 0, 0,0.65); border-radius: 50%; margin: 0 20px; }
.socialbutton, .socialbutton2 { font-size: 1.7rem; color: #eee; font-weight: 400; text-shadow: 0 none; }
.socialbutton.right { atransition: transform .5s ease-in-out;  animation: gear_right 55s infinite linear; }
.socialbutton.left { atransition: transform .5s ease-in-out;  animation: gear_left 55s infinite linear; }

.socialbutton2 { margin: none; } 
.socialbutton:hover { abox-shadow: 0 0 5px rgba(0,0,0,0.65);  transform: scale(1.2) !important; -moz-animation-play-state: paused; animation-play-state: paused; }
.socialbutton_mid { width: 5.4vw; min-width: 32px; max-width: 54px; height: auto; margin: 0; animation: gear_left 15s infinite linear; }
.social_holder_sub { }


@keyframes gear_right {
0% { transform: rotate(0deg) scale(1.0) }
50% { transform: rotate(180deg) scale(1.2) }
100% { transform: rotate(360deg) scale(1.0) }
}

@keyframes gear_left {
0% { transform: rotate(360deg) scale(1.2) }
50% { transform: rotate(180deg) scale(1.0) }
100% { transform: rotate(0deg) scale(1.2) }
}

@keyframes gear_right2 {
0% { transform: rotate(0deg) }
100% { transform: rotate(360deg) }
}




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

.front_booklist .maintitle { padding: 6px 15px; margin: 10px auto 20px 0;  border-radius: 15px; }
.front_booklist .holder { padding: 20px 0 40px 0; }
.front_booklist .item { margin-right: 20px; margin: 0 20px; }
.front_booklist .item img { width: 40.0vw; max-width: 400px; height: auto; }
.front_booklist .desc { margin: 10px auto; }

.frontpage_gravenmore_grid { padding: 40px 0; height: 350px; gap: 20px; }
.frontpage_gravenmore_grid .right { padding: 25px; }
.frontpage_gravenmore_grid .subgrid { gap: 30px;  }
.frontpage_gravenmore_grid .subgrid .item div { margin: 10px auto; padding: 15px; }

.frontpage_sections_grid { gap: 10px;  margin: 40px 20px; }
.frontpage_sections_grid .item .title { margin: 15px auto; }

.book_page_holder_big { padding: 40px 0; }
.book_page_holder { gap: 10px 30px; }
.book_page_holder .book_series { padding: 5px 15px 3px 6px; margin: 10px auto 20px 0;  border-radius: 0 15px 15px 0; }
.book_page_right_column img { margin-top: 20px; }
.book_page_right_column .sub { margin-top: 20px; padding-left: 20px; }
.book_page_button { margin: 20px auto; border-radius: 5px; }
.book_page_button a { padding: 10px 20px; }
.book_page_sample_button a { padding: 10px 20px; }
.book_page_addto_holder { padding: 10px 0; }
.book_page_addto { padding: 10px 20px; } 
.book_page_addto a::before { margin-right: 10px; height: 24px; width: 24px; }

.book_quote_holder { padding: 10px 40px 50px 40px; }
.book_quote_list { gap: 50px; }

.book_quote_item .quote::before { top: -20px; left: -20px; }
.book_quote_item .quote::after { bottom: 30px; right: -12px; }
.book_quote_item .reviewer { margin-top: 10px; }

.book_quote_divider {  height: 50px; margin: 10px auto 50px auto; }

.booklist { margin-bottom: 50px; }
.booklist .item { margin: 30px 10px; } 
.booklist .item:hover { box-shadow: 0 0 60px rgba(200,100,0,0.9);  }
.booklist .item .sub { height: 270px; margin-bottom: 10px; }
.booklist .item .sub img { margin-bottom: 10px; }
.booklist_header {  margin: 25px 0; }
.booklist_divider {  height: 60px; amargin-top: -20px; }
.booklist_description {  margin: 10px auto; }
.booklist_series{ margin-top: 30px; }

.character_bigheader_border { margin: 10px auto 40px auto; }
.character_bigheader { padding: 5px; }
.character_subheader { margin-top: 20px; }
.character_divider { height: 30px; margin: 3px auto 30px auto; }
.character_grid { gap: 20px; }
.character_bio {  margin: 0 auto 30px 30px; }

.slanglist_holder_list .text { padding: 5px 10px;  } 

.gravenmore_grid .subgrid { gap: 30px; }
.gravenmore_grid .subgrid .item div { margin: 10px auto; padding: 25px; }

.subscribe_page_bigtitle { margin: 5px auto 0 auto;  }
.subscribe_page_desc, .ml-form-embedContent span, .ml-form-successContent span { margin: 20px auto; }

@keyframes balloon_float {
0% { transform: translate(0px, 2px); }
50% { transform: translate(0px, 30px); }
100% { transform: translate(0px, 2px); }
}

@keyframes balloon_path {
0% { transform: translate(0px, 0px); }
100% { transform: translate(-695px, 0px); }
}

.subscribe_page_image_box { border: 14px double #333; margin: 20px auto; }
.subscribe_page_image_box .sky { width: 994px; height: 150px;  }
.subscribe_page_image_box:hover { box-shadow: 0 0 40px rgba(200,0,0,0.7); }


}

@media only screen and (max-width: 950px) {
   html { font-size: 9.1px; }
}

@media only screen and (max-width: 900px) {
   html { font-size: 8.7px; }
}

@media only screen and (max-width: 850px) {
   html { font-size: 8.3px; }
}

@media only screen and (max-width: 800px) {
   html { font-size: 7.9px; }
.header_holder { grid-template-rows: auto; }
.header_holder .head_title { align-items: center; }
.header_holder .head_menu { display: none; }
.header_holder .head_logo { grid-row: 1 / span 1; } 
.scrollsidebar_open_div { display: block; }
}

@media only screen and (max-width: 750px) {
   html { font-size: 7.5px; }
}

@media only screen and (max-width: 700px) {
   html { font-size: 7.1px; }
}

@media only screen and (max-width: 650px) {
   html { font-size: 6.7px; }
}

@media only screen and (max-width: 600px) {
   html { font-size: 6.3px; }
}

@media only screen and (max-width: 550px) {
   html { font-size: 5.9px; }
}

@media only screen and (max-width: 500px) {
   html { font-size: 5.8px; }
}

@media only screen and (max-width: 450px) {
   html { font-size: 5.7px; }
.fancyribbon-content a { font-size: 2.6rem;  }
}

@media only screen and (max-width: 400px) {
   html { font-size: 5.6px; }
}

@media only screen and (max-width: 350px) {
   html { font-size: 5.5px; }
}