.left {
  float: left;
  }
.right {
  float: right;
  }
.bold {
  font-weight: 700;
  }
/**
 * Clearfix:
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
  }
.clearfix:after {
  clear: both;
  }



/* Grille
 * http://www.aastudio.fr/A-basic-16-lines-of-code-CSS-fluid.html
 */


.padding_books
{

  padding-left: 150px;
  }

.image_shadow
{
  width: 139px;
  height: auto;
  float: left;
  margin: 6px 12px 0 0;
  box-shadow: gray 1px 1px 1px;
  padding: 7px 7px 0 7px;
  }

.image_no_shadow > img

{
  width: 139px;
  height: auto;
  float: left;
  margin: 6px 12px 0 0;
  }









.grid-container {
  margin: 0 0 0 -2%;
  font-size: 0;

  /* kill the whitespace */
  /* padding-top: 22px; */
  }
.grid-container > .grid-column {display: inline-block;margin: 0 0 0 2%;font-size: 1rem; vertical-align: top; }


.grid-one-quarter, .grid-two-quarter, .grid-three-quarter ,.grid-four-quarter, .grid-one-third, .grid-two-third, .grid-three-third,
.grid-one-fifth, .grid-two-fifth, .grid-three-fifth-fifth, .grid-four-fifth, .grid-five-fifth

{
  padding: 0 12px 12px 12px;
  vertical-align: top;
  }



.grid-container > .grid-column.grid-one-quarter {width: 23%;padding-top: 12px;}
.grid-container > .grid-column.grid-two-quarter {
  width: 48%;

  }
.grid-container > .grid-column.grid-three-quarter {
  width: 73%;

  }
.grid-container > .grid-column.grid-four-quarter {
  width: 98%;


  }
.grid-container > .grid-column.grid-one-third {
  width: 31.33333333%;


  }
.grid-container > .grid-column.grid-two-third {
  width: 64.66666667%;

  }
.grid-container > .grid-column.grid-three-third {
  width: 98%;

  }

.grid-container > .grid-column.grid-one-fifth {
  width: 18%;


  }
.grid-container > .grid-column.grid-two-fifth {
  width: 34%;

  }
.grid-container > .grid-column.grid-three-fifth {
  width: 52%;

  }

.grid-container > .grid-column.grid-four-fifth {
  width: 78%;

  }
.grid-container > .grid-column.grid-five-fifth {
  width: 98%;

  }

/******************************** Media Query 850**************************************/
@media (max-width: 850px)

{


  .grid-container > .grid-column.grid-two-quarter,
  .grid-container > .grid-column.grid-three-quarter,
  .grid-container > .grid-column.grid-four-quarter {
    width: 98%;

    }


  .grid-container > .grid-column.grid-one-quarter {
    width: 48%;
    }



  .grid-container > .grid-column.grid-three-quarter, .grid-container > .grid-column.grid-one-quarter {
    width: 98%;
    }

  .grid-container > .grid-column.grid-one-third,
  .grid-container > .grid-column.grid-two-third {
    width: 98%;
    }




  /******************************** Media Query 480**************************************/


  @media (max-width: 480px) {


    .grid-container > .grid-column.grid-two-quarter,
    .grid-container > .grid-column.grid-three-quarter,
    .grid-container > .grid-column.grid-four-quarter {
      width: 98%;
      font-size: 12px;
      line-height: 1.4rem;
      }

    .grid-container > .grid-column.grid-one-quarter {
      width: 98%;
      margin: 0 auto 2% 2%;
      }
    .grid-container > .grid-column.grid-one-third,
    .grid-container > .grid-column.grid-two-third {
      width: 98%;
      }

    .grid-container > .grid-column {

      font-size: 12px;
      line-height: 1.4rem;

      }

    .image_shadow
    {
      width: 150px;

      }




    }


  /******************************** END  Media Query 480**************************************/


  .grid-container.grid-fixed > .grid-column.grid-one-quarter {
    width: 23%;
    }
  .grid-container.grid-fixed > .grid-column.grid-two-quarter {
    width: 48%;
    }
  .grid-container.grid-fixed > .grid-column.grid-three-quarter {
    width: 73%;
    }
  .grid-container.grid-fixed > .grid-column.grid-four-quarter {
    width: 98%;
    }
  .grid-container.grid-fixed > .grid-column.grid-one-third {
    width: 31.33333333%;
    }
  .grid-container.grid-fixed > .grid-column.grid-two-third {
    width: 64.66666667%;
    }
  .grid-container.grid-fixed > .grid-column.grid-three-third {
    width: 98%;
    }
  }