@charset "utf-8";

/*
   CIS233DA, Spring Semester with Mrs. Cridebring
   Final Project Website

   Style Sheet for www.PsychicChamber.com 
   Pricing page 
  
   Filename: pricingstyles.css

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

body  {
  max-width: 820px;
  margin: auto;
}
/* To place table in a flex container */
main  {
  width: 100%; 
  display: flex; 
  flex-flow: row wrap;
  justify-content: center;
}

/* Table Styles */

table  {
  width: 900px; 
  margin: auto; 
  background-color:  rgba(30, 1,  2, 35); 
  border-collapse: collapse; 
  padding: 10px; 
} 
   
caption  {
   font-size: 2em;
   font-weight: bold; 
   font-family: Papyrus, serif; 
   text-shadow: 6px  2px  5px  #1e0102; /* Dark Brown */
   color: #de9b17; /* Dull Yellopw-Gold */
   padding-bottom: 10px;  
}

th  {
   color: #de9b17;  
   text-align: center;
   font-size: 1.5em;   
   border: 1px   #de9b17  solid;  
}

td  {  /* Link text to Credit Card Payment Form */
   color: #de9b17; /* Dull Yellow-Gold */
   text-align: center;
   font-size: 1em;
   font-family: papyrus; 
   font-weight: bold;    
   border: 1px   #de9b17  solid;
}

.totals > a:link {
    text-decoration: none;
}

.total_link {
  color: #0d19ad; /* Blue */
  background-color: #ecaa20; /* Yellow-gold */
  width: 100%;
  padding: 0px 15px;
  text-decoration: none;
  font-weight: bold;             
}

tbody  {
   text-align: center;  
}
  

/* ===========================
   Mobile Styles: 0px to 320px 
   ===========================
*/
/* Mobile Media Queries for adjusting items to mobile screen 
sizes added 4/20/18 & perfected 5/7/18 */
@media only screen and (min-width: 0px)  {
  
   /*#wrapper  {
      width: 100%;
      margin: auto;
   }*/
  }

@media only screen and (min-width: 600px) {

  table {
    font-size: 1.5em;
  }
}