@charset "utf-8"; html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,applet,a,acronym,big,font,s,strike,tt,u,center{margin: 0; padding: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; border: 0; outline: 0; background: transparent;}
.body-1{font-family: 'Playfair Display', serif; font-size:1.1em;color:#FFF;background-color:#506A72;background-image:url('..//cover-movie-images/bg-main.png');background-size:45%;line-height:145%;letter-spacing:1px;}
.body-2{font-family: 'Playfair Display', serif; font-size:1em;color:#FFF;background-color:#333;line-height:145%;letter-spacing:1px;}
#banner{border:0px solid red;position:relative;top:2%;left:46%;z-index:30000;background-color:#333;opacity:.8;padding:0 0 2% 2%;border-bottom-left-radius:25px;width:50%;}
#banner-book{border:0px solid red;position:relative;top:2%;left:46%;z-index:30000;background-color:#333;opacity:.8;padding:0 0 2% 2%;border-bottom-left-radius:25px;width:50%;}
#footer{font-size: 80%;width: 40%;margin: 0 0 5% 5%;position: absolute;bottom: -80%;}
#footer-2{display:none;font-size: 80%;width: 40%;margin: 0 5% 5% 0;position: relative;top: 200%;float: right;z-index: 10000;background-color: #333333;opacity: .8;padding: 2%;border-top-left-radius:25px;}
#footer-3{font-size: 80%;width: 40%;margin: 0 5% 5% 0;position: relative;top: 160%;float:right;z-index:10000}
p{padding:0 0 2% 0;}
a:link{color: #fff;text-decoration: none;}
a:visited{color: fff;text-decoration: none;}
a:hover{color: #7997f7;text-decoration: none;}
a:active{color: #fff;text-decoration: none;}
a.list:link{color: #fff;text-decoration: none;font-size:85%;}
a.list:visited{color: #fff;text-decoration: none;font-size:85%;}
a.list:hover{color: #fff;text-decoration: none;font-size:85%;}
a.list:active{color: #fff;text-decoration: none;font-size:85%;}
a.sell:link{color: #FE5F08;text-decoration: none;font-size:85%;}
a.sell:visited{color: #FE5F08;text-decoration: none;font-size:85%;}
a.sell:hover{color: #E32C2B;text-decoration: none;font-size:85%;}
a.sell:active{color: #CE1D17;text-decoration: none;font-size:85%;}
h1{color:#fff;font-size:3em;line-height:130%;}
h2{color:#fff;font-size:1.9em;line-height:120%;}
h3{color:#fff;font-size:1.2em;line-height:170%;}
h4{color:#FB7302;font-size:1.35em;line-height:130%;}
li{padding:0 0 0 5%;line-height:30%;}
.about-bg{width:100%;height:100%;background-color:#333;position:absolute;top:0;left:0;z-index:100;}
.about-bg-book{width:100%;height:100%;background-color:#333;position:absolute;top:0;left:0;z-index:100;}
.also-order{font-size: 1em;color: #FE5F08;font-weight:900;padding: 1% 1% 3% 2%;position: relative;z-index: 100;width: 97%;float:left;}
.amp-1{font-size:90%;}
.animation-shift-1{position:relative;left:0%;}
.animation-shift-about{position:relative;left:0%;}
.animation-shift-book{position:relative;left:0%;}
.animation-shift-contact{position:relative;left:0%;}
.animation-shift-2{position:relative;left:2%;top:5%;}
.bg-1{background-image: url('cover-movie-images/landscape-1.jpg');width:100%;height:100%;background-repeat: no-repeat;background-size:100%;}
.bg-image-fade{width:70%;position:absolute;top:0;left:30%;z-index:100;}
.bold{font-weight:900;}
.bookcover-menu{width:80%;padding-left:10%;}
.center-text{text-align:center;}
.citation-1{width:80%;font-size:85%;padding:2% 0 3% 5%;}
.clear{clear:both;}
.col-2{display:inline-block;vertical-align:top;padding:2%;width:45%;}
.cover-width-book{width:40%;background-color:#333333;position:fixed;bottom:-3%;left:0;z-index: 20000;}
.cover-width{max-width:100%;background-color:#333333;}
.cover-width-index{max-width:60vh;background-color:#333333;}
.distributor-bar-2{width: 7%;position: absolute;top:70%; z-index: 90000;}
.distributor-bar-3{width: 28%; position: absolute; z-index: 90000; float: left; top: 750px; left: 6%; border: 0px solid red;}
.distributor-bar-menu {width: 70%;position: relative;z-index: 90000;margin: 5% 0 0 17%;}
.distributor-bar{width: 28%; position: absolute; z-index: 90000; float: left; top: 117vh; left:4vw; border: 0px solid red;}
.distributor-bar-index{width: 28%; position: absolute; z-index: 90000; float: left; top: 100vh; left: 3.5%; border: 0px solid red;}
.excerpt{padding:0 0 0 0;text-indent:1cm;}
.excerpts{padding:4%;border-bottom:3px solid red;}
.xfull-width{left: 0%;margin-left: 0vw;margin-right: -3vw;margin-top: 0vh;max-width: 15vw;position: relative;right: 0%;top: 60px;width: 115vw;}
.heart-1{width:30%;float:right;position:relative;top:10%;z-index:10000;}
.horiz-line{width:90%;margin:5% 5%;border-radius:20px;}
.img-menu-size{width:7%;position:fixed;left:90%;top:0px;z-index:50000;padding:3% .5% 1% .5%;border-left:5px solid #540400;border-right:5px solid #540400;border-bottom:5px solid #540400; background-image:url('../cover-movie-images/img-menu-bg.png');}
.img-picasso{width:70%;}
.img-quotes{width:6%;float:left;margin:-4% 3% 0 0;}
.intended-animi{width:40%;}
.italic{font-style:italic;}
.menu-active-page{color:#F6A90B;}
.menu-bird{width:50%;margin: 10% 0 20% 25%;}
.menu-top-spacing{padding:30% 0 0 0 ;}
.move-bird{width:20%;position:relative;top:400px;left:60%;z-index:30000;}
.or-order-text {;background-image:url('..//cover-movie-images/trans-30.png');padding:1%;}
.padding-1{padding: 2% 0 0 0;}
.padding-2{padding: 5% 30% 0 0;}
.padding-left-1{padding:0 0 0 3%;}
.page-name{display:block;}
.pos-text-box-1{position: absolute;top: 70%;left:48%;z-index:40000;}
.pos-text-box-about{position: absolute;top: 50%;left:48%;z-index:40000;}
.pos-text-box-contact{position: absolute;top: 40vh;left:48%;z-index:40000;}
.pos-text-box-index{position: absolute;top: 80%;left:48%;z-index:40000;}
.pos-text-box-book{position: absolute;top: 50%;left:48%;z-index:40000;}
.red-sun{width:7%;padding:0 1% 0 0;vertical-align:middle;}
.sell-button-2{display:block;width:40%;padding:5%;text-align:left;margin:2% auto;font-size:1em;font-weight:900;background-color:#1B1B1B;border-radius: 5px;border:1px solid #fff;float:left;text-align:center;margin:1%;position:relative;z-index:1000;}
.sell-button-menu{display:block;width:11.5vw;padding:2% 2% 2% 3%; margin-left:-10%;font-size:1em;font-weight:900;background-color:#1B1B1B;border-radius: 5px;border:1px solid #fff;float:left;}
.sell-button{display: block; padding: 3%; text-align: right; margin: 2% 2%; font-size: 1.2em; font-weight: 900; background-color: #1B1B1B; border-radius: 5px; float: left; border: 1px solid #fff; position:relative; z-index:1000;}
.slider-1{background-image: url('cover-movie-images/menu.png');width:10%;position:relative;z-index:200000;}
.text-80{font-size:80%;}
.text-90{font-size:90%;}
.text-box-1{background-color:#3C4E56;width:40%;height:auto;padding:1.5%;opacity:1;border:7px solid #CE1B17;}
.text-box-2{background-color:#3C4E56;width:40%;height:auto;padding:1.5%;opacity:1;border:7px solid #0B839A;}
.text-box-3{background-color:#3C4E56;width:40%;height:auto;padding:1.5%;opacity:1;border:7px solid #D69A3A;}
.text-box-4{background-color:#3C4E56;width:40%;height:auto;padding:1.5%;opacity:1;border:7px solid #14B3D4;}
.text-box-5{background-color:#3C4E56;width:40%;height:auto;padding:1.5%;opacity:1;border:7px solid #ffffff;}
.text-scroll{color:#9d9b9b;font-size:85%;padding-bottom:30px;}
.width-2{width:100%;}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/
/* slide menu */
.sidenav{font-family: 'Philosopher', sans-serif;height: 100%;width: 0;position: fixed;z-index: 300000;top: 0;left: -4px;background-color: #333333;overflow-x: hidden;transition: 0.5s;padding-top: 60px;opacity:.97;line-height:100%;border-right:3px solid #F96F07;}
.sidenav a{padding: 8px 8px 8px 32px;text-decoration: none;font-size: 16px;color: #FB7302;display: block;transition: 0.3s;}
.sidenav a:hover, .offcanvas a:focus{color: #FFFFFF;}
.sidenav a.list:link{color: #FB7302;}
.sidenav a.list:hover{color: #FFFFFF;}
.sidenav .closebtn{position: absolute;top: 0;right: 25px;font-size: 28px;margin-left: 50px;}
#main{transition: margin-left .5s;padding: 16px;}
@media screen and (max-height: 800px){
.sidenav{padding-top: 15px;}
.sidenav a{font-size: 18px;}
}
/* end slide menu */
/*-----------------------------------------------------------------------------------------------------------------------*/
/*----ABOUT ANIMATION-------------------------------------------------------------------------------------------------------------------*/
section{position: relative:background-color:#333333;bottom:-3%;left:0;z-index: 20000;}
section img{position: fixed; padding:2% 0 0 2%;}
.top{width:vw56; animation-name: fadew; animation-timing-function: ease-in-out; animation-delay:4s; animation-iteration-count: 1; animation-duration: 8s; animation-fill-mode:forwards;  -webkit-animation-name: fadew; -webkit-animation-timing-function: ease-in-out; -webkit-animation-delay:4s; -webkit-animation-iteration-count: 1; -webkit-animation-duration: 8s; -webkit-animation-fill-mode:forwards;  -moz-animation-name: fadew; -moz-animation-timing-function: ease-in-out; -moz-animation-delay:4s; -moz-animation-iteration-count: 1; -moz-animation-duration: 8s; -moz-animation-fill-mode:forwards;  -o-animation-name: fadew; -o-animation-timing-function: ease-in-out; -o-animation-delay:4s; -o-animation-iteration-count: 1; -o-animation-duration: 8s; -o-animation-fill-mode:forwards;  -ms-animation-name: fadew; -ms-animation-timing-function: ease-in-out; -ms-animation-delay:4s; -ms-animation-iteration-count: 1; -ms-animation-duration: 8s; -ms-animation-fill-mode:forwards;}
@keyframes fadew{
0%{opacity: 1;}
80%{opacity: 0;}
100%{opacity: 0;}
}
@-webkit-keyframes fadew{
0%{opacity: 1;}
80%{opacity: 0;}
100%{opacity: 0;}
}
.middle{width:vw56; animation-name: fadew2; animation-timing-function: ease-in-out; animation-delay:8s; animation-iteration-count: 1; animation-duration: 10s; animation-fill-mode:forwards;  -webkit-animation-name: fadew2; -webkit-animation-timing-function: ease-in-out; -webkit-animation-delay:8s; -webkit-animation-iteration-count: 1; -webkit-animation-duration: 10s; -webkit-animation-fill-mode:forwards;  -moz-animation-name: fadew2; -moz-animation-timing-function: ease-in-out; -moz-animation-delay:8s; -moz-animation-iteration-count: 1; -moz-animation-duration: 10s; -moz-animation-fill-mode:forwards;  -o-animation-name: fadew2; -o-animation-timing-function: ease-in-out; -o-animation-delay:8s; -o-animation-iteration-count: 1; -o-animation-duration: 10s; -o-animation-fill-mode:forwards;  -ms-animation-name: fadew2; -ms-animation-timing-function: ease-in-out; -ms-animation-delay:8s; -ms-animation-iteration-count: 1; -ms-animation-duration: 10s; -ms-animation-fill-mode:forwards;}
@keyframes fadew2{
0%{opacity: 1;}
80%{opacity: 0;}
100%{opacity: 0;}
}
@-webkit-keyframes fadew2{
0%{opacity: 1;}
80%{opacity: 0;}
100%{opacity: 0;}
}
/*-----------------------------------------------------------------------------------------------------------------------*/
/*----BOOK COVER ANIMATION-------------------------------------------------------------------------------------------------------------------*/
@keyframes fade{
0%{opacity: 0;}
11.11%{opacity: 1;}
33.33%{opacity: 1;}
40%{opacity: 1;}
50%{opacity: 1;}
70%{opacity: 1;}
100%{opacity: 1;}
}
.fadein img{position:absolute; left:4%; top:40px; z-index:10000; opacity:0;  animation-name: fade; animation-duration: 10s; animation-iteration-count:1; animation-fill-mode:forwards; padding:1px; border: 0px solid transparent; border-image: url(http://www.sharonnesbitdavis.com/newsite//cover-movie-images/border-6.png) 1% round;}
.fadein img:nth-child(1){
animation-delay: 0s; }
.fadein img:nth-child(2){
animation-delay: 2s; }
.fadein img:nth-child(3){
animation-delay: 4s; }
.fadein img:nth-child(4){
animation-delay: 5s; }
.fadein img:nth-child(5){
animation-delay: 6s; }
.fadein img:nth-child(6){
animation-delay:8s; }
/*-----------------------------------------------------------------------------------------------------------------------*/
.fade-in-1{animation-name: fade-in-1; animation-delay: 0s; animation-iteration-count: 1; animation-duration:16s; animation-fill-mode:forwards;  -webkit-animation-name:  fade-in-1; -webkit-animation: ease; -webkit-animation-delay: 0s; -webkit-animation-duration: 16s; -webkit-animation-fill-mode:forwards;  -moz-animation-name: fade-in-1; -moz-animation: ease; -moz-animation-delay: 0s; -moz-animation-duration: 16s; -moz-animation-fill-mode:forwards;  -o-animation-name: fade-in-1; -o-animation: ease; -o-animation-delay: 0s; -o-animation-duration: 16s; -o-animation-fill-mode:forwards;  -ms-animation-name: fade-in-1; -ms-animation: ease; -ms-animation-delay: 0s; -ms-animation-duration: 16s; -ms-animation-fill-mode:forwards; }
@keyframes fade-in-1{
0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1}
}
@-moz-keyframes fade-in-1{
0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1}
}
@-webkit-keyframes fade-in-1{
0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1}
}
@-o-keyframes fade-in-1{
0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1}
}
@-ms-keyframes fade-in-1{
0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1}
}
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
.fade-in-2{animation-name: fade-in-2; animation-delay: 0s; animation-iteration-count: 1; animation-duration:12s; animation-fill-mode:forwards;  -webkit-animation-name:  fade-in-2; -webkit-animation-delay: 0s; -webkit-animation-duration: 12s; -webkit-animation-fill-mode:forwards;  -moz-animation-name: fade-in-2; -moz-animation-delay: 0s; -moz-animation-duration: 12s; -moz-animation-fill-mode:forwards;  -o-animation-name: fade-in-2; -o-animation-delay: 0s;12s; -o-animation-fill-mode:forwards;  -ms-animation-name: fade-in-2; -ms-animation-delay: 0s; -ms-animation-duration: 12s; -ms-animation-fill-mode:forwards; }
@keyframes fade-in-2{
0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1}
}
@-moz-keyframes fade-in-2{
0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1}
}
@-webkit-keyframes fade-in-2{
0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1}
}
@-o-keyframes fade-in-2{
0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1}
}
@-ms-keyframes fade-in-2{
0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1}
}
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
.fade-in-3{animation-name: fade-in-3; animation-delay: 0s; animation-iteration-count: 1; animation-duration:15s; animation-fill-mode:forwards;  -webkit-animation-name:  fade-in-3; -webkit-animation-delay: 0s; -webkit-animation-duration: 15s; -webkit-animation-fill-mode:forwards;  -moz-animation-name: fade-in-3; -moz-animation-delay: 0s; -moz-animation-duration: 15s; -moz-animation-fill-mode:forwards;  -o-animation-name: fade-in-3; -o-animation-delay: 0s; -o-animation-duration: 15s; -o-animation-fill-mode:forwards;  -ms-animation-name: fade-in-3; -ms-animation-delay: 0s; -ms-animation-duration: 15s; -ms-animation-fill-mode:forwards; }
@keyframes fade-in-3{
0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1}
}
@-moz-keyframes fade-in-3{
0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1}
}
@-webkit-keyframes fade-in-3{
0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1}
}
@-o-keyframes fade-in-3{
0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1}
}
@-ms-keyframes fade-in-3{
0%{opacity:0;}
80%{opacity:0;}
100%{opacity:1}
}
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
.fade-in-4{animation-name: fade-in-4; animation-delay: 0s; animation-iteration-count: 0; animation-duration:16s; animation-fill-mode:forwards;  -webkit-animation-name:  fade-in-4; -webkit-animation-delay: 0s; -webkit-animation-duration: 16s; -webkit-animation-fill-mode:forwards;  -moz-animation-name: fade-in-4; -moz-animation-delay: 0s; -moz-animation-duration: 16s; -moz-animation-fill-mode:forwards;  -o-animation-name: fade-in-4; -o-animation-delay: 0s; -o-animation-duration: 16s; -o-animation-fill-mode:forwards;  -ms-animation-name: fade-in-4; -ms-animation-delay: 0s; -ms-animation-duration: 16s; -ms-animation-fill-mode:forwards; }
@keyframes fade-in-4{
0%{opacity:0;}
100%{opacity:1}
}
@-moz-keyframes fade-in-4{
0%{opacity:0;}
100%{opacity:1}
}
@-webkit-keyframes fade-in-4{
0%{opacity:0;}
100%{opacity:1}
}
@-o-keyframes fade-in-4{
0%{opacity:0;}
100%{opacity:1}
}
@-ms-keyframes fade-in-4{
0%{opacity:0;}
100%{opacity:1}
}
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
/*Galaxy S5*/
@media only screen and (min-device-width: 360px) and (max-device-width: 740px) and (-webkit-min-device-pixel-ratio: 2) {
h1{color:#fff;font-size:1.7em;line-height:330%;}
h2{color:#fff;font-size:1.2em;line-height:120%;}
h3{color:#fff;font-size:1em;line-height:170%;}
h4{color:#FB7302;font-size:1.2em;line-height:130%;}
#banner{border:0px solid red;position:relative;top:1vh;left:2%;z-index:30000;background-color:#333;opacity:.8;padding:2% 0 2% 2%;border-bottom-left-radius:25px;width:98%;}
#banner-book{border:0px solid red;position:relative;top:4vh;left:2%;z-index:30000;background-color:#333;opacity:.8;padding:0 0 2% 2%;border-bottom-left-radius:25px;width:98%;}
.bg-image-fade {width: 100%;position: absolute;top: 10vh;left: 0%;z-index: 100;}
.cover-width{max-width:65vh;background-color:#333333;padding:5% 0;}
.cover-width-book{width:70%;background-color:#333333;position:fixed;bottom:-3%;left:0;z-index: 20000;}
.cover-width-index{max-width:25vh;background-color:#333333;}
.text-box-2 {background-color: #3C4E56;width: 75vw;height: auto;padding: 1.5%;opacity: 1;border: 2px solid #0B839A;}
.pos-text-box-about {position: absolute;top: 75vh;left: 10%;z-index: 40000;}
.pos-text-box-contact {position: absolute;top: 65vh;left: 10%;z-index: 40000;}
.pos-text-box-book{position: absolute;top: 125vh;left:10%;z-index:40000;}
.pos-text-box-index {position: absolute;top: 80%!important;left: 10%;z-index: 40000;font-size:90%;}
#footer-3 {font-size: 80%;width: 75%;margin: 0 0% 0% 0;position: relative;top:170%;left:10%;z-index: 10000;float:left;background-image: url('../cover-movie-images/trans-30.png');padding:2%;}
.img-menu-size {width: 15%;position: fixed;left: 81vw;top: 0vh;z-index: 50000;padding: 3% .5% 1% .5%;border-left: 5px solid #540400;border-right: 5px solid #540400;border-bottom: 5px solid #540400;background-image: url('../cover-movie-images/img-menu-bg.png');}
.animation-shift-about{position:relative;top:20vh;left:0%;}
.sell-button {display: block;padding: 5%;text-align: left;margin: 2% 1%;font-size: 1.2em;font-weight: 900;background-color: #1B1B1B;border-radius: 5px;float: left;border: 1px solid #fff;position: relative;z-index: 1000;}
.sell-button-2 {display: block;width: 40%;padding: 8% 20%;text-align: left;margin: 2% auto;font-size: 1em;font-weight: 900;background-color: #1B1B1B;border-radius: 5px;border: 1px solid #fff;text-align: center;position: relative;z-index: 1000;}
.distributor-bar {width: 60vw;position: relative;z-index: 90000;float: left;top: 78vh;left: 7%;border: 0px solid red;}
.distributor-bar-index {width: 60vw;position: relative;z-index: 90000;float: left;top: 50vh!important;left: 3.5%;border: 0px solid red;}
.fadein img {position: absolute;left: 4%;top: 16vh;z-index: 10000;opacity: 0;animation-name: fade;animation-duration: 10s;animation-iteration-count: 1;animation-fill-mode: forwards;padding: 1px;border: 0px solid transparent;    border-image-outset: 0;    border-image-repeat: stretch;    border-image-slice: 100%;    border-image-source: none;    border-image-width: 1;border-image: url(http://www.sharonnesbitdavis.com/newsite//cover-movie-images/border-6.png) 1% round;}
}
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
/*Galaxy S8, S8+, S9, S9+, S10, S10+*/
@media screen and (min-device-width: 360px) and (max-device-width: 740px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 4) {
h1{color:#fff;font-size:1.7em;line-height:330%;}
h2{color:#fff;font-size:1.2em;line-height:120%;}
h3{color:#fff;font-size:1em;line-height:170%;}
h4{color:#FB7302;font-size:1.2em;line-height:130%;}
#banner{border:0px solid red;position:relative;top:1vh;left:2%;z-index:30000;background-color:#333;opacity:.8;padding:2% 0 2% 2%;border-bottom-left-radius:25px;width:98%;}
#banner-book{border:0px solid red;position:relative;top:4vh;left:2%;z-index:30000;background-color:#333;opacity:.8;padding:0 0 2% 2%;border-bottom-left-radius:25px;width:98%;}
.bg-image-fade {width: 100%;position: absolute;top: 10vh;left: 0%;z-index: 100;}
.cover-width{max-width:65vh;background-color:#333333;padding:5% 0;}
.cover-width-book{width:70%;background-color:#333333;position:fixed;bottom:-3%;left:0;z-index: 20000;}
.cover-width-index{max-width:25vh;background-color:#333333;}
.text-box-2 {background-color: #3C4E56;width: 75vw;height: auto;padding: 1.5%;opacity: 1;border: 2px solid #0B839A;}
.pos-text-box-about {position: absolute;top: 75vh;left: 10%;z-index: 40000;}
.pos-text-box-contact {position: absolute;top: 65vh;left: 10%;z-index: 40000;}
.pos-text-box-book{position: absolute;top: 125vh;left:10%;z-index:40000;}
.pos-text-box-index {position: absolute;top: 80%!important;left: 10%;z-index: 40000;font-size:90%;}
#footer-3 {font-size: 80%;width: 75%;margin: 0 0% 0% 0;position: relative;top:170%;left:10%;z-index: 10000;float:left;background-image: url('../cover-movie-images/trans-30.png');padding:2%;}
.img-menu-size {width: 15%;position: fixed;left: 81vw;top: 0vh;z-index: 50000;padding: 3% .5% 1% .5%;border-left: 5px solid #540400;border-right: 5px solid #540400;border-bottom: 5px solid #540400;background-image: url('../cover-movie-images/img-menu-bg.png');}
.animation-shift-about{position:relative;top:20vh;left:0%;}
.sell-button {display: block;padding: 5%;text-align: left;margin: 2% 1%;font-size: 1.2em;font-weight: 900;background-color: #1B1B1B;border-radius: 5px;float: left;border: 1px solid #fff;position: relative;z-index: 1000;}
.sell-button-2 {display: block;width: 40%;padding: 8% 20%;text-align: left;margin: 2% auto;font-size: 1em;font-weight: 900;background-color: #1B1B1B;border-radius: 5px;border: 1px solid #fff;text-align: center;position: relative;z-index: 1000;}
.distributor-bar {width: 60vw;position: relative;z-index: 90000;float: left;top: 75vh;left: 7%;border: 0px solid red;}
.distributor-bar-index {width: 60vw;position: relative;z-index: 90000;float: left;top: 50vh!important;left: 3.5%;border: 0px solid red;}
.fadein img {position: absolute;left: 4%;top: 10vh;z-index: 10000;opacity: 0;animation-name: fade;animation-duration: 10s;animation-iteration-count: 1;animation-fill-mode: forwards;padding: 1px;border: 0px solid transparent;    border-image-outset: 0;    border-image-repeat: stretch;    border-image-slice: 100%;    border-image-source: none;    border-image-width: 1;border-image: url(http://www.sharonnesbitdavis.com/newsite//cover-movie-images/border-6.png) 1% round;}
}
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
/* 414 portrait*/
@media screen and (max-width: 414px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
h1{color:#fff;font-size:1.7em;line-height:130%;}
h2{color:#fff;font-size:1.2em;line-height:120%;}
h3{color:#fff;font-size:1em;line-height:170%;}
h4{color:#FB7302;font-size:1.2em;line-height:130%;}
#banner{border:0px solid red;position:relative;top:1vh;left:2%;z-index:30000;background-color:#333;opacity:.8;padding:2% 0 2% 2%;border-bottom-left-radius:25px;width:98%;}
#banner-book{border:0px solid red;position:relative;top:4vh;left:2%;z-index:30000;background-color:#333;opacity:.8;padding:0 0 2% 2%;border-bottom-left-radius:25px;width:98%;}
.bg-image-fade {width: 100%;position: absolute;top: 10vh;left: 0%;z-index: 100;}
.cover-width{max-width:65vh;background-color:#333333;padding:5% 0;}
.cover-width-book{width:70%;background-color:#333333;position:fixed;bottom:-3%;left:0;z-index: 20000;}
.cover-width-index{max-width:34vh;background-color:#333333;}
.text-box-2 {background-color: #3C4E56;width: 75vw;height: auto;padding: 1.5%;opacity: 1;border: 2px solid #0B839A;}
.pos-text-box-about {position: absolute;top: 75vh;left: 10%;z-index: 40000;}
.pos-text-box-contact {position: absolute;top: 65vh;left: 10%;z-index: 40000;}
.pos-text-box-book{position: absolute;top: 125vh;left:10%;z-index:40000;}
.pos-text-box-index {position: absolute;top: 100%!important;left: 10%;z-index: 40000;font-size:90%;}
#footer-3 {font-size: 80%;width: 75%;margin: 0 0% 0% 0;position: relative;top:170%;left:10%;z-index: 10000;float:left;background-image: url('../cover-movie-images/trans-30.png');padding:2%;}
.img-menu-size {width: 15%;position: fixed;left: 81vw;top: 0vh;z-index: 50000;padding: 3% .5% 1% .5%;border-left: 5px solid #540400;border-right: 5px solid #540400;border-bottom: 5px solid #540400;background-image: url('../cover-movie-images/img-menu-bg.png');}
.animation-shift-about{position:relative;top:20vh;left:0%;}
.sell-button {display: block;padding: 5%;text-align: left;margin: 2% 1%;font-size: 1.2em;font-weight: 900;background-color: #1B1B1B;border-radius: 5px;float: left;border: 1px solid #fff;position: relative;z-index: 1000;}
.sell-button-2 {display: block;width: 40%;padding: 8% 20%;text-align: left;margin: 2% auto;font-size: 1em;font-weight: 900;background-color: #1B1B1B;border-radius: 5px;border: 1px solid #fff;text-align: center;position: relative;z-index: 1000;}
.distributor-bar {width: 60vw;position: relative;z-index: 90000;float: left;top: 75vh;left: 7%;border: 0px solid red;}
.distributor-bar-index {width: 60vw;position: relative;z-index: 90000;float: left;top: 60vh!important;left: 3.5%;border: 0px solid red;}
}
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
/* 767 portrait*/
@media screen and (min-width: 767px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
h1{color:#fff;font-size:4em;line-height:130%;}
h2{color:#fff;font-size:2em;line-height:120%;}
h3{color:#fff;font-size:1.5em;line-height:170%;}
h4{color:#FB7302;font-size:1.2em;line-height:130%;}
#banner{border:0px solid red;position:relative;top:1vh;left:2%;z-index:30000;background-color:#333;opacity:.8;padding:0 0 2% 2%;border-bottom-left-radius:25px;width:98%;}
#banner-book{border:0px solid red;position:relative;top:1vh;left:2%;z-index:30000;background-color:#333;opacity:.8;padding:0 0 2% 2%;border-bottom-left-radius:25px;width:98%;}
.about-bg{width:100%;height:100%;background-color:#333;position:absolute;top:5%;left:0;z-index:100;}
.bg-image-fade {width: 100%;position: absolute;top: 10vh;left: 0%;z-index: 100;}
.cover-width{max-width:65vh;background-color:#333333;padding:5% 0;}
.cover-width-book{width:70%;background-color:#333333;position:fixed;bottom:-3%;left:0;z-index: 20000;}
.cover-width-index{max-width:35vh;background-color:#333333;}
.fadein img {position: absolute;left: 4%;top: 4vh;z-index: 10000;opacity: 0;animation-name: fade;animation-duration: 10s;animation-iteration-count: 1;animation-fill-mode: forwards;padding: 1px;border: 0px solid transparent;border-image: url(http://www.sharonnesbitdavis.com/newsite//cover-movie-images/border-6.png) 1% round;}
.text-box-2 {background-color: #3C4E56;width: 75vw;height: auto;padding: 1.5%;opacity: 1;border: 2px solid #0B839A;}
.pos-text-box-about {position: absolute;top: 75vh;left: 10%;z-index: 40000;}
.pos-text-box-contact {position: absolute;top: 60vh;left: 10%;z-index: 40000;}
.pos-text-box-book{position: absolute;top: 130vh;left:10%;z-index:40000;}
.pos-text-box-index {position: absolute;top: 70vh;left: 10%;z-index: 40000;}
#footer-3 {font-size: 80%;width: 75%;margin: 0 0% 0% 0;position: relative;top:250%;left:10%;z-index: 10000;float:left;background-image: url('../cover-movie-images/trans-30.png');padding:2%;}
.img-menu-size {width: 10%;position: fixed;left: 87vw;top: 0px;z-index: 50000;padding: 3% .5% 1% .5%;border-left: 5px solid #540400;border-right: 5px solid #540400;border-bottom: 5px solid #540400;background-image: url('../cover-movie-images/img-menu-bg.png');}
.animation-shift-about{position:relative;top:15vh;left:0%;}
.sell-button {display: block;padding: 5%;text-align: left;margin: 2% 1%;font-size: 1.2em;font-weight: 900;background-color: #1B1B1B;border-radius: 5px;float: left;border: 1px solid #fff;position: relative;z-index: 1000;}
.sell-button-2 {display: block;width: 40%;padding: 8% 20%;text-align: left;margin: 2% auto;font-size: 1em;font-weight: 900;background-color: #1B1B1B;border-radius: 5px;border: 1px solid #fff;text-align: center;position: relative;z-index: 1000;}
.distributor-bar {width: 60vw;position: relative;z-index: 90000;float: left;top: 110vh;left: 7%;border: 0px solid red;}
.distributor-bar-index {width: 60vw;position: relative;z-index: 90000;float: left;top: 57vh;left: 3.5%;border: 0px solid red;}
}
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
/*iPad 3, 4, 5, 6, Mini 2, Mini 3, Mini 4, Mini 7.9″ (5th Gen), Air, Air 2, Pro 9.7″ (1st Gen)*/
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 2) {
h1{color:#fff;font-size:4em;line-height:130%;}
h2{color:#fff;font-size:2em;line-height:120%;}
h3{color:#fff;font-size:1.5em;line-height:170%;}
h4{color:#FB7302;font-size:1.2em;line-height:130%;}
#banner{border:0px solid red;position:relative;top:1vh;left:2%;z-index:30000;background-color:#333;opacity:.8;padding:0 0 2% 2%;border-bottom-left-radius:25px;width:98%;}
#banner-book{border:0px solid red;position:relative;top:1vh;left:2%;z-index:30000;background-color:#333;opacity:.8;padding:0 0 2% 2%;border-bottom-left-radius:25px;width:98%;}
.about-bg{width:100%;height:100%;background-color:#333;position:absolute;top:5%;left:0;z-index:100;}
.bg-image-fade {width: 100%;position: absolute;top: 1vh;left: 0%;z-index: 100;}
.cover-width{max-width:65vh;background-color:#333333;padding:5% 0;}
.cover-width-book{width:70%;background-color:#333333;position:fixed;bottom:-3%;left:0;z-index: 20000;}
.cover-width-index{max-width:35vh;background-color:#333333;}
.fadein img {position: absolute;left: 4%;top: 14vh;z-index: 10000;opacity: 0;animation-name: fade;animation-duration: 10s;animation-iteration-count: 1;animation-fill-mode: forwards;padding: 1px;border: 0px solid transparent;    border-image-outset: 0;    border-image-repeat: stretch;    border-image-slice: 100%;    border-image-source: none;    border-image-width: 1;border-image: url(http://www.sharonnesbitdavis.com/newsite//cover-movie-images/border-6.png) 1% round;}
.text-box-2 {background-color: #3C4E56;width: 75vw;height: auto;padding: 1.5%;opacity: 1;border: 2px solid #0B839A;}
.pos-text-box-about {position: absolute;top: 75vh;left: 10%;z-index: 40000;}
.pos-text-box-contact {position: absolute;top: 60vh;left: 10%;z-index: 40000;}
.pos-text-box-book{position: absolute;top: 130vh;left:10%;z-index:40000;}
.pos-text-box-index {position: absolute;top: 85vh;left: 10%;z-index: 40000;}
#footer-3 {font-size: 80%;width: 75%;margin: 0 0% 0% 0;position: relative;top:250%;left:10%;z-index: 10000;float:left;background-image: url('../cover-movie-images/trans-30.png');padding:2%;}
.img-menu-size {width: 10%;position: fixed;left: 87vw;top: 0px;z-index: 50000;padding: 3% .5% 1% .5%;border-left: 5px solid #540400;border-right: 5px solid #540400;border-bottom: 5px solid #540400;background-image: url('../cover-movie-images/img-menu-bg.png');}
.animation-shift-about{position:relative;top:15vh;left:0%;}
.sell-button {display: block;padding: 5%;text-align: left;margin: 2% 1%;font-size: 1.2em;font-weight: 900;background-color: #1B1B1B;border-radius: 5px;float: left;border: 1px solid #fff;position: relative;z-index: 1000;}
.sell-button-2 {display: block;width: 40%;padding: 8% 20%;text-align: left;margin: 2% auto;font-size: 1em;font-weight: 900;background-color: #1B1B1B;border-radius: 5px;border: 1px solid #fff;text-align: center;position: relative;z-index: 1000;}
.distributor-bar {width: 60vw;position: relative;z-index: 90000;float: left;top: 100vh;left: 7%;border: 0px solid red;}
.distributor-bar-index {width: 60vw;position: relative;z-index: 90000;float: left;top: 70vh;left: 3.5%;border: 0px solid red;}
}
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
/*iPad 1, 2, Mini*/
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {
h1{color:#fff;font-size:4em;line-height:130%;}
h2{color:#fff;font-size:2em;line-height:120%;}
h3{color:#fff;font-size:1.5em;line-height:170%;}
h4{color:#FB7302;font-size:1.2em;line-height:130%;}
#banner{border:0px solid red;position:relative;top:1vh;left:2%;z-index:30000;background-color:#333;opacity:.8;padding:0 0 2% 2%;border-bottom-left-radius:25px;width:98%;}
#banner-book{border:0px solid red;position:relative;top:1vh;left:2%;z-index:30000;background-color:#333;opacity:.8;padding:0 0 2% 2%;border-bottom-left-radius:25px;width:98%;}
.about-bg{width:100%;height:100%;background-color:#333;position:absolute;top:5%;left:0;z-index:100;}
.bg-image-fade {width: 100%;position: absolute;top: 1vh;left: 0%;z-index: 100;}
.cover-width{max-width:65vh;background-color:#333333;padding:5% 0;}
.cover-width-book{width:70%;background-color:#333333;position:fixed;bottom:-3%;left:0;z-index: 20000;}
.cover-width-index{max-width:35vh;background-color:#333333;}
.fadein img {position: absolute;left: 4%;top: 14vh;z-index: 10000;opacity: 0;animation-name: fade;animation-duration: 10s;animation-iteration-count: 1;animation-fill-mode: forwards;padding: 1px;border: 0px solid transparent;    border-image-outset: 0;    border-image-repeat: stretch;    border-image-slice: 100%;    border-image-source: none;    border-image-width: 1;border-image: url(http://www.sharonnesbitdavis.com/newsite//cover-movie-images/border-6.png) 1% round;}
.text-box-2 {background-color: #3C4E56;width: 75vw;height: auto;padding: 1.5%;opacity: 1;border: 2px solid #0B839A;}
.pos-text-box-about {position: absolute;top: 75vh;left: 10%;z-index: 40000;}
.pos-text-box-contact {position: absolute;top: 60vh;left: 10%;z-index: 40000;}
.pos-text-box-book{position: absolute;top: 130vh;left:10%;z-index:40000;}
.pos-text-box-index {position: absolute;top: 85vh;left: 10%;z-index: 40000;}
#footer-3 {font-size: 80%;width: 75%;margin: 0 0% 0% 0;position: relative;top:250%;left:10%;z-index: 10000;float:left;background-image: url('../cover-movie-images/trans-30.png');padding:2%;}
.img-menu-size {width: 10%;position: fixed;left: 87vw;top: 0px;z-index: 50000;padding: 3% .5% 1% .5%;border-left: 5px solid #540400;border-right: 5px solid #540400;border-bottom: 5px solid #540400;background-image: url('../cover-movie-images/img-menu-bg.png');}
.animation-shift-about{position:relative;top:15vh;left:0%;}
.sell-button {display: block;padding: 5%;text-align: left;margin: 2% 1%;font-size: 1.2em;font-weight: 900;background-color: #1B1B1B;border-radius: 5px;float: left;border: 1px solid #fff;position: relative;z-index: 1000;}
.sell-button-2 {display: block;width: 40%;padding: 8% 20%;text-align: left;margin: 2% auto;font-size: 1em;font-weight: 900;background-color: #1B1B1B;border-radius: 5px;border: 1px solid #fff;text-align: center;position: relative;z-index: 1000;}
.distributor-bar {width: 60vw;position: relative;z-index: 90000;float: left;top: 100vh;left: 7%;border: 0px solid red;}
.distributor-bar-index {width: 60vw;position: relative;z-index: 90000;float: left;top: 70vh;left: 3.5%;border: 0px solid red;}
}
/*---------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 896px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
.distributor-bar-index {width: 28%;position: absolute;z-index: 90000;float: left;top: 110vh;left: 3.5%;border: 0px solid red;}
.sell-button {display: block;padding: 6%;text-align: right;margin: 2% 2%;font-size: 1.2em;font-weight: 900;background-color: #1B1B1B;border-radius: 5px;float: left;border: 1px solid #fff;position: relative;z-index: 1000;}
.animation-shift-about {position: relative;left: -15%;top:10vh;margin-left: 20vw;}
.pos-text-box-about {position: absolute;top: 85vh!important; left: 48%!important;z-index: 40000;}
.pos-text-box-book {position: absolute;top: 125%!important; left: 48%;z-index: 40000;}
.pos-text-box-contact {position: absolute;top: 85vh;left: 48%;z-index: 40000;}
.cover-width {max-width: 80vh!important;background-color: #333333;}
.text-box-2 {background-color: #3C4E56;width: 46%;height: auto;padding: 1.5%;opacity: 1;border: 2px solid #0B839A;}
#footer-3 {font-size: 80%;width: 40%;margin: 0 5% 5% 0;position: relative;top: 360%;float: right;z-index: 10000;}
}