/* MAIN AREA */
a 
 {
  color: #e0851a;
  text-decoration: none;;
 }
.container_main
 {
  width: 100%;
  /* max-width: 1400px; */
  margin: auto;
 }
/* BUTTONS AREA */
.button_ffa
 {
  font-family: arial;
  font-size: 20px;
  display: inline-block;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  border: 1px solid #000000;
  border-radius: 10px;
  background-color: #000000;
  color: #ffffff;
  width: 160px;
  height: 30px;
  line-height: 30px;
  margin-top: 20px;
  cursor: pointer;
 }
.button_ffa:hover
 {
  background-color: #e0851a;
  color: #000000;
 }
.button_slimc
 {
  font-family: arial;
  font-size: 20px;
  display: inline-block;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  border: 1px solid #000000;
  border-radius: 10px;
  background-color: #000000;
  color: #ffffff;
  width: 160px;
  height: 30px;
  line-height: 30px;
  margin-top: 20px;
  cursor: pointer;
 }
.button_slimc:hover
 {
  background-color: #72d0d7;
  color: #000000;
 }
 .button_basic
 {
  font-family: arial;
  font-size: 20px;
  display: inline-block;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  border: 1px solid #000000;
  border-radius: 10px;
  background-color: #000000;
  color: #ffffff;
  width: 160px;
  height: 30px;
  line-height: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  cursor: pointer;
 }
.button_basic:hover
 {
  background-color: #cccccc;
  color: #000000;
 }
/* HEADER AREA */
.header
 {
  background-image: url("images/header_bar.png");
  background-size: cover;
  background-repeat: no-repeat;
 }
.header_slimc
 {
  background-color: #72d0d7;
  width: 100%;
 }
.header_slimc_2
 {
  background: url("images/header_slimc_background.png");
 }
.header_ffa
 {
  background-color: #e0831b;
  width: 100%;
 }
.header_photo
 {
  height: 75px;
  border-radius: 50%;
  margin-left: 20px;
  border: 1px solid #000000;
 }
.header_name
 {
  font-family: arial;
  font-size: 24pt;
  color: #222222;
 } 
/* CONTENT CONTAINER */
.container_content
 {
  width: 99%;
  max-width: 1200px;
  margin: auto;
 }
/* FRONT PAGE AREA */
.front_joan
 {
  float: left;
  width: 100%;
 }
.front_new
 {
  float: left;
  width: 100%;
 }
.front_photo
 {
  width: 100%;
  max-width: 500px;
  margin-top: 5px;
 }
.icon_social
 {
  margin: 10px;
 }
.front_new_book
 {
  margin-top: 5px;
  border: 1px solid #000000;
 }
.front_book_text_desktop
 {
  font-family: arial;
  font-size: 18px;
  color: #222222;
  margin-top: 5px;
  margin-left: 5px;
 }
.front_book_text_mobile
 {
  font-family: arial;
  font-size: 18px;
  color: #222222;
  margin-top: 5px;
  margin-left: 5px;
 }
/*********************************************************** SIZE MANAGEMENT AREA */
/*************** MOBILE */
.header_slimc_1
 {
  display: none;
 }
.header_slimc_2
 {
  display: none;
 }
.header_ffa
 {
  display: none;
 }
.menu_desktop
 {
  display: none;
 }
.menu_icon
 {
  display: inline-block;
 }
.front_book_text_mobile
 {
  display: inline-block;
 }
.front_book_text_desktop
 {
  display: none;
 }
.book_page_left_side
 {
  width: 99%;
  float: left;
  margin-top: 5px;
 }
.book_page_right_side
 {
  width: 99%;
  float: left;
  margin-top: 5px;
  padding-left: 5px;
 }
.book_summary
 {
  margin-top: 20px;
  width: 98%;
 }
.buttons_order_mobile
 {
  display: inline-block;
 }
.buttons_order_desktop
 {
  display: none;
 }
.video_mobile
 {
  display: inline-block;
 }
.menu_book
 {
  display: hidden;
 }
.video_desktop
 {
  display: none;
 }
.about_container_left
 {
  width: 99%;
  float: left;
  margin-top: 5px;
 }
.about_container_right
 {
  width: 99%;
  float: left;
  margin-top: 5px;
  padding-left: 5px;
 }
/************** DESKTOP */
@media (min-width: 655px) 
 {
  .header_slimc_1
   {
    display: block;
   }
  .header_ffa
   {
    display: inline-block;
   }
  .menu_desktop
   {
    display: inline-block;
   }
  .menu_icon
   {
    display: none;
   }
  .front_book_text_mobile
   {
    display: none;
   }
  .front_book_text_desktop
   {
    display: inline-block;
   }
  .buttons_order_mobile
   {
    display: none;
   }
  .buttons_order_desktop
   {
    display: block;
   }
  .video_mobile
   {
    display: none;
   }
  .video_desktop
   {
    display: inline-block;
   }
  .about_container_left
   {
    width: 66%;
    float: left;
    margin-top: 5px;
   }
  .about_container_right
   {
    width: 33%;
    float: left;
    margin-top: 5px;
    padding-left: 5px;
   }
 }
@media (min-width: 1035px) 
 {
  .header_slimc_2
   {
    display: block;
   }
  .front_joan
   {
    float: left;
    width: 100%;
    max-width: 510px;
   }
  .front_new
   {
    float: left;
    width: 100%;
    max-width: 500px;
   }
 }
@media (min-width: 1130px) 
 {
  .header_slimc_2
   {
    display: block;
   }
  .front_joan
   {
    float: left;
    width: 100%;
    max-width: 510px;
   }
  .front_new
   {
    float: left;
    width: 100%;
    max-width: 500px;
   }
  .book_page_left_side
   {
    width: 33%;
    float: left;
    margin-top: 5px;
   }
  .book_page_right_side
   {
    width: 66%;
    float: left;
    margin-top: 5px;
    padding-left: 5px;
   }
  .book_summary
   {
    margin-top: 12px;
   }
 }
.book_image
 {
  margin-top: 8px;
  width: 228px;
  border: 1px solid #000000;
  cursor: zoom-in;
 }
.book_thumbnail
 {
  height: 150px;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #000000;
 }
.book_text
 {
  font-family: arial;
  font-size: 16pt;
 }
.book_order_text
 {
  font-family: arial;
  font-size: 24pt;
 }
/* ABOUT PAGE AREA */
.about_text
 {
  font-family: arial;
  font-size: 16pt;
 }
.about_photo
 {
  width: 98%;
  border: 1px solid #000000;
 }