.book {
       margin: 20px 0; 
       
       &:after {
        content: '';
        width: 50%;
        margin: 30px auto;
        display: block;
        border-bottom: 5px solid #800000;
        border-radius: 50%;
       }
      }

      .book > h1 {
       text-align: center;
       font-weight: bold;
       margin: 5px 0;
      }
    
      .book > h2 {
       text-align: center; 
       font-weight: bold;
       margin: 5px 0;
      }
    
      .book  h3 {
       text-align: center;
      }
    
      .book > p {
       text-align: justify!important;
      }
      
      .book .a_link {
       border-color: #ffffff; 
      }
      
      
 /*Desktop only CSS*/

  @media only screen and (min-width: 1000px) {
    
      .book > h1 {
       font-size: 2.5em;
      }
    
      .book > h2 {
       font-size: 2em;
      }
    
      .book > img {
       width: 48%; 
       margin: 0 0.5%;
      }
  }
  
  
  
   
 /*Mobile only CSS*/

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

      .book > h1 {
       font-size: 2em;
      }
    
      .book > h2 {
       font-size: 1.7em;
      }
    
      .book > img {
       width: 100%; 
      }
      
  }