body          { background-color: #c9d1ff ;            border-color: #c9d1ff ;     color: #e1e1e1 ;  font-family: Arial;                                                  }


h1            { text-align: center;   margin-top: 0.0pt;   margin-bottom: 12pt; font-size: 16pt ;  font-family:"Arial";  font-weight: heavy;       }

h2            { text-align: center;   margin-top: 12.0pt;  font-size: 28pt ;    color: #2f2f2f  ;  font-family:"arial";  font-weight: heavy;                              }    

h3            { text-align: left;     margin-top: 12.0pt;  font-size: 20pt ;    color: #440000  ;  font-family:"Arial";  font-weight: heavy;                              }

h4            { text-align: left;     margin-top: 0.0pt;   font-size: 12pt ;    color: #303030  ;  font-family:"Arial";  font-weight: heavy;                              }

a:link        { color: #440000 ;        text-decoration: none;                                                                   }
a:visited     { color: #000000 ;        text-decoration: none;                                                                   }
p             { text-align: justify;   font-size: 10.5pt;   color: #6f6f6f ;  font-family:"Arial";    border-color: #c9d1ff ;  }
 
.DataColumn   { width: 880px  ;     border-style: solid; border-color: #c9d1ff; border-width: 5px 15px 15px 15px ;             }

.bookcover    { position: relative;   text-align: right;   color: white;                                       }
.screenchef   { max-width: 60% ;      border : 0px;   border-color: #c9d1ff ;  border-style: solid ;           }    
.mobilechef   { max-width: 92%;       border-bottom: 0px;   border-color: #c9d1ff ;  border-style: solid ;     }       
.mobilechef   { display: none ;                                                                                }   
                                                                     
.navigate     { position: absolute;   top: 5%;    left: 5%;   transform: translate(-5%, -5%);                  }

.screentitle  { position: absolute;   top: 26%;   left: 5%;   transform: translate(-5%, -5%);                  }
.mobiletitle  { position: absolute;   top: 76%;   left: 5%;   transform: translate(-5%, -5%);                  }
.mobiletitle  { display: none ;                                                                                }
.bookabout    { position: absolute;   top: 45%;   left: 7%;  transform: translate(-5%, -5%);                  }
.screenscope  { position: absolute;   top: 55%;   left: 9%;   right: 40%; transform: translate(-5%, -5%);                  }
.mobilescope  { text-align: center;                                                                            }
.mobilescope  { display : none ;                                                                               }