/*
Ref:
Thanks to:
http://www.jqueryscript.net/layout/Simple-jQuery-Plugin-To-Create-Pinterest-Style-Grid-Layout-Pinterest-Grid.html
*/

body {
    background-color:#eee;
   }

   #pinBoot {
     position: relative;
     max-width: 100%;
     width: 100%;
   }
   .pin > img {
     width: 80%;
     max-width: 80%;
     height: auto;
   }
   .white-panel {
     position: absolute;
     background: white;
     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
     padding: 10px;
   }
   .white-panel h4 {
    font-size: 0.9em;
   }
   .white-panel p {
    font-size: 0.7em;
   }
   /*
   stylize any heading tags withing white-panel below
   */

   .white-panel h2 {
     font-size: 1em;
   }
   .white-panel h2 a {
     color: #A92733;
   }
   .white-panel:hover {
     box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
     margin-top: -5px;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
   }