body {
    background-color: #e6ddcf;
}
/*NAV BAR*/
.h-8 {
    
    height: 150px;
    width: 200px;
  
}

.bg-white {
    background-color: #e6ddcf;

}

.max-w-screen-xl {
    background-color: #e6ddcf;
    display: flex;
    justify-content: space-evenly;
   
    
}

/*NAV BAR BUTTONS*/
.font-medium {
    background-color: #e6ddcf;
    font-family: "Cormorant Garamond", serif;
    font-size: 20pt;
    gap: 100px;

}

.block {
    color: black;
    background-color: #e6ddcf;
}


/*FLOWER*/
.flower {
    display: flex;
    justify-content: center;
    align-items: center;
}

#flowerLogo {
    height: 120px;
}

/*PACKAGES*/

/* Page heading */
h1 {
    font-size: 36pt;
    font-family: "Cormorant Garamond", serif;
    color: #5e483f;
    text-align: center;
    margin: 40px 0 10px;
}

/* Package card title */
h2 {
    font-size: 26pt;
    font-family: "Cormorant Garamond", serif;
    color: #5e483f;
}

/* Package subsection titles (Prenatal/Labor/Postpartum) */
h3 {
    font-size: 18pt;
    font-family: "Cormorant Garamond", serif;
    color: #5e483f;
    margin-bottom: 4px;
}

.packageContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center;
    align-items: stretch;
    padding: 1rem 1rem 3rem;
}

/* Shared package card styling - all three packages use the same
   box; only accents differ where noted below. */
.package {
    border: #b99486 solid 1px;
    border-radius: 32px;
    background-color: #bdc3bf;
    font-family: "Nunito", sans-serif;
    color: #5e483f;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 40px 32px;
    flex: 1 1 320px;
    max-width: 400px;
}

.package p {
    text-align: left;
    width: 100%;
}

.package-title {
    text-align: center;
}

.package h3 {
    align-self: flex-start;
}

.package-note {
    font-weight: 700;
}

.package-fineprint {
    font-size: 9pt;
    font-weight: 700;
}

.package-savings {
    font-size: 20pt;
    font-weight: 500;
    text-align: center;
}

.package-highlight {
    font-weight: 800;
}

.package ul {
    align-self: flex-start;
    margin: 0 0 1rem 1.25rem;
}

.package ul li {
    list-style-type: circle;
}

.price {
    font-family: "Nunito", sans-serif;
    font-size: 40pt;
    color: #5e483f;
    margin-top: auto;
    padding-top: 20px;
}








/* FOOOTER START*/

.footerContainer {
  border: #e6ddcf solid 4px;
  height: 110px;
  margin-top: 100px;

}

.icons {
  color:#5e483f ;
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-left: 2%;
  margin-top: 2%;

}

.quote {
  font-style: italic;
  margin-left: 70%;
  font-family: "Nunito", sans-serif;

}

/*Media Query for mobile */
     @media only screen  and (max-width: 375px) {

    .package {
        padding: 32px 20px;
        flex-basis: 100%;
    }

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

    
    /*FOOTER*/
   .footerContainer {
      display: flex;
      flex-direction: column;  
      height: 150%;
      text-align: center;
   
     }

   
     /*FOOTER ICONS*/
     .icons {
     display: flex;
     justify-content: center;
    padding-left: 30px;
     padding-bottom: 30px ;

     }

     /*QUOTE*/
     .quote {
      margin-left: 5px;  
     
    }

    

     }
   
   
   
/* styles for tablets in general, both portrait and landscape*/
  /* your tablet general styles here */
   @media screen and (min-width: 766px) and (max-width: 1211px) {

    
        /*FOOTER*/
   .footerContainer {
    display: flex;
    flex-direction: column;  
    height: 150%;
    text-align: center;
    width: 100%;
   }

 
   /*FOOTER ICONS*/
   .icons {
   display: flex;
   justify-content: center;
  padding-left: 30px;
   padding-bottom: 30px ;

   }

   /*QUOTE*/
   .quote {
    margin-left: 5px;  
   
  }

   }