/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */


@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mali&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

/*grid-only*/html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}

body { background:#f0efec; font-family:"Sora"; color:#000; font-size:19px;  }
img { max-width:100%; height:auto; display:inline-block; }
input, textarea, select { width:100%; margin:10px 0; border:1px solid #052a45; padding:8px; }
textarea { height:140px;}
input[type="submit"] { background:#000; border:2px solid #000; border-radius:4px; color:#fff; text-transform:uppercase; font-weight:500; max-width:230px; padding:8px 20px; transition:all 0.25s ease-in-out 0s; }
input[type="submit"]:hover { background:none; color:#000; text-decoration:none; transition:all 0.25s ease-in-out 0s; }
input[type="radio"], input[type="checkbox"] { width:20px; }

.handwrite { font-family:"Shadows Into Light"; color:#db7248; font-size:2.6em; margin:15px 0; }

table { width:100%; font-size:0.9em; }
table tr:hover { background:#f7f5f1; }
table tr td { padding:0 20px; border:1px solid #d1d1d1; }

.header button { background:none; border-color:#f1f1f1; color:#f1f1f1; margin:20px 8px; border-radius:4px; }
.header button:hover { border-color:#f1f1f1; color:#f1f1f1; }
.header button.highlight { background:#f7c200; color:#000; border-color:#000; }

button, .button { font-size:0.9em; background:#000; border:2px solid #000; color:#fff; padding:8px 20px; border-radius:4px; display:inline-block; margin:15px 0; text-decoration:none; transition:all 0.25s ease-in-out 0s; }
button:hover, .button:hover { background:none; color:#080808; border:2px solid #000; text-decoration:none; transition:all 0.25s ease-in-out 0s; }
.button.button-highlight { background:#f7c200; border-color:#f7c200; color:#000; font-size:0.75em; font-weight:500; text-transform:uppercase; letter-spacing:0.03em; }
.button.button-highlight:hover { background:#000; border-color:#000; color:#f1f1f1; }

.speak-btn { background:none; border:0; color:#000; font-size:1.6em; margin:0; position:relative; top:8px; }
.speak-btn:hover { border:0; }
.speak-btn:before { content:"\F60B"; font-family:'bootstrap-icons'; }
.speak-btn:hover { opacity:0.5; }

.top { background:#f7c200; padding:30px 0; font-weight:700; }

.header { background:url("/assets/header-the-secret-door-4f06671d.jpg"); background-size:cover; color:#111; }
.header h1 { font-size:3.2em; font-family:"IBM Plex Serif"; color:#eee; margin:0; }
.header h2 { color:#f7c200; font-size:1.8em; margin-top:10px; font-weight:400; }
.header .handwrite { font-size:2.4em; text-shadow:2px 4px 6px rgba(0,0,0,0.5); }

h1, h2, h3, h4 { }
h2 { font-size:2em; }
p { line-height:1.7; font-size:1em; }
a { color:#db7248; text-decoration:underline; display:inline-block; }
.mt-0 { margin-top:0; }
.mb-0 { margin-bottom:0; }
.w-90 { width:90%; }
.align-center { text-align:center; }


.logo { color:#000; text-decoration:none; }

.nav { text-align:right; }
.nav ul { list-style-type: none; margin: 0; padding: 0; }
.nav ul li { display: inline-block; }
.nav ul li a { color:#000; padding:0 16px; font-size:14px; font-weight:500; text-transform: uppercase; text-decoration:none; }
.nav ul li a:hover { color:#fff; }

.nav .small-btn { background:#000; color:#f1f1f1; padding:6px 18px; border-radius:4px; }

.container-limit { max-width:1500px; }
.section { position:relative; padding:40px 0; }
.section-sm { position:relative; padding:80px 0; }
.section-md { position:relative; padding:120px 0; }
.section-lg { position:relative; padding:160px 0; }
.section-xl { position:relative; padding:200px 0; }

.card { background:#e1dfd9; margin:40px 0; min-height:300px; }
/* .card h2 { color:#009fa9; } */
.card .card-content { padding:30px; }
.card h2 { margin-top:0; }
.card p { color:#444; }
.card.disabled { opacity:0.4;}

.paragraph { background:#e4e1db; font-size:1.1em; font-family:"IBM Plex Serif"; font-weight:500; margin:40px auto; max-width:800px; padding:10px 30px; }
.paragraph .translation { display:none; font-weight:400; }
.paragraph .translate-btn { font-family:"Sora"; font-size:0.8em; /*text-transform:uppercase; letter-spacing:0.03em;*/ }

.stories h2 { font-size:1.4em; font-family:"IBM Plex Serif"; }
.stories .title { font-family:"Sora"; font-size:5em; }
.title { font-size:5em; margin:0; color:#d7d5cf; position:relative; top: 0px; left: -6px; }

.stories .small-btn { background:#000; border:2px solid #000; color:#fff; font-size:0.9em; border-radius:4px; padding:8px 12px; text-decoration:none; }
.stories .small-btn:hover, .stories .small-btn:focus { background:none; border:2px solid #000; color:#000; }
/*.stories .small-btn:focus, .stories .small-btn:hover { box-shadow:0 0 0 .2rem #000; color:#000; outline:0; }*/

.story-header { background:#111; color:#f1f1f1; text-align:center; }
.story-header h1 { font-size:2.8em; font-family:"IBM Plex Serif"; }
.story-card { background:#e4e1db; padding:30px; margin:40px 0; }
.story-likes span { display:inline-block; margin:0 20px; font-size:1.1em; }
.story-likes form { display:inline-block; }
.story-likes form button { font-size:1.1em; background:none; color:#f1f1f1; border:none; }

.tabs { padding:0; margin:0; list-style-type:none; }
.tabs button { background:none; color:#999; margin:20px; font-size:0.8em; border:0; text-transform:uppercase; display:inline-block; padding:10px; text-decoration:none; } 
.tabs li { display:inline-block; }
.tabs li.current button { color:#222; border-bottom:2px solid #db7248; }
.tabs li:hover button { color:#222; }
.tabs button { margin:50px 20px 50px 0; }
.tab-content { display:none; }


.get-access { text-align:center; background: linear-gradient(115deg, #262935, #b30938); color:#fff; padding:80px 50px; border-radius:20px; }
.get-access h2 { font-size:1.4em; margin:0; }

.pricing { background:#ddd url('https://storyblok-cdn.mindvalley.com/f/60579/2880x2140/fc204f0969/ordermenu-bg-2.jpg?quality=80&auto=webp&dpr=1&width=1920'); text-align:center; }
.pricing .packages { max-width:800px; margin:auto; background:#fff; display:flex; box-shadow:0 0 30px rgba(0,0,0,0.16); }
.pricing .package { background:#f9f9f9; width:50%; padding:60px 0 0; }
.pricing .package ul { background:#ecebe9; margin:0; padding:40px 40px 60px; list-style-type:none; }
.pricing .package ul li { font-weight:500; padding:6px 0; text-align:left; font-size:1em; }
.pricing .package ul li:before { font-family:'bootstrap-icons'; content:"\F272"; font-size:18px; padding-right:4px; }
.pricing .package ul li.del:before { font-family:'bootstrap-icons'; content:"\F62A"; }
.pricing .package .number { font-size:2em; }
.pricing .package-membership { box-shadow:0 0 0 .5rem #db7248; border-radius:4px;}
.pricing .package-membership ul { background:#db7248; color:#fff; }
.pricing .package-membership a { background:#db7248; font-weight:700; }
.pricing .package-membership a:hover { background:#000; }
.pricing .package .price { font-size:2.4em; font-weight:700; margin:20px 0; }
.pricing .package .price span { font-size:16px; font-weight:400; }
.pricing a { display:inline-block; background:#000; color:#fff; padding:14px 20px; margin:20px 0; border-radius:6px; min-width:240px; text-decoration:none; }
.pricing .del { opacity:0.3; }

.footer { background:#111; color:#ddd; font-size:0.8em; }

/*admin*/
.delete-story { background:none; padding:10px; margin:0; border:0; }
.delete-story:hover { border:0; }
.delete-story:hover i { color:#db7248; }
.delete-story i { font-size:2em; color:#222; }
.delete-story-confirm { display:none; }

.widget { background:#fff; border:2px solid #222; margin:20px 0; padding:20px; }

.output-msg { border-radius:4px; position:fixed; bottom:4%; left:4%; font-size:0.8em; background:#f7c200; color:#000; padding:14px; box-shadow:5px 0 30px rgba(0,0,0,0.2); }
.alert-msg { border-radius:4px; position:fixed; top:2% left:2%; padding:20px; background:f1f1f1; box-shadow:10px 0 40px rgba(0,0,0,0.2); }

@media only screen and (max-width:992px) {
}

@media only screen and (max-width:768px) {

.section,
.section-sm,
.section-md,
.section-lg,
.section-xl { padding:40px 0; }

.header h1 { font-size:1.6em; }
.header h2 { font-size:1em; }
.story-header h1 { font-size:1.3em; }
.stories .title, .title { font-size:2.6em; }
}