@charset "utf-8";

/*
   Style Sheet for www.PsychicChamber.com 
   Gallery of readers 
  
   Filename: gallerystyles.css */
/* ======================================
   Base Global Styles Until Media Queries
   ====================================== 
   */
/* To maintain large size in mobile view */
/*.gallery_img  {
    padding-left: 14px;
    min-width: 250px;
    min-height: 421px;
}*/

#directions {
    text-align: justify;
    list-style-position: inside;
}

/* ================
     Flex Styles
   ================
*/

#img_wrapper {
    display: flex;
    flex: 3 1 361px;
    flex-flow: row wrap;
    padding-left: 0;
    justify-content: space-around;
}

/* =================================
   Desktop Styles: 820px and greater 
   =================================
*/
/* Desktop Media Queries for adjusting items to desktop screen 
   sizes added 4/20/18 & perfected 5/7/18 */
@media only screen and (min-width: 820px) {
   
/* Desktop Media Query for body wrapper so content doesn't stretch to 
   100% of screen */ 
    body  {
      max-width: 820px;
      margin: auto;
    }

    /* Gallery images container w/max width to fit 3 in a row */
    .gallery_img {
      padding-left: 0px;
      padding: 5px;
      /*width: 263px;
      height: 443px;*/
      width: 215px;
      height: 278px;
      text-align: center;
    }
}  
   
/* Lowers Welcome h1 paragraph so text doesn't hit bottom of lotuses */ 
    #h1_para {
      margin-top: 60px;
      font-size: 1.6em;
    }
}