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;
}



/*CONTACT CONTAINER*/

.contactContainer {

    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 70px;
  
}

.contactContainer a {
    font-family: "Cormorant Garamond", serif;
    font-size: 20pt;
    color: #5e483f;

}

.py-3 {
    color: #bdc3bf;
}

h1 {
    font-family: "Cormorant Garamond", serif;
    font-size: 40pt;
    color: #5e483f;
    
}












/* 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) {
   
   }
   @media only screen  and (max-width: 765px) {

    .pageContent {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

   


    /*SLIDESHOW*/
    .slideshow-container {
      order: 2;
      width: 80%;
    }
  
 
    /*LOGO */
    .beStill {
      order: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      text-align: center;
    
    }


    .slideImage {
      height: 80%;
      margin-top: 10px;
    }

    #beStillImage {
    width: 100% ;
      margin-left: -150px;
      margin-bottom : 2px;
      height: 300px;
      
    }

    /*TEXT */
    .textContainer {
      width: 120%;
      margin-left: -150px;
      margin-bottom : 5px;
      
  
   

    }

    .text{
      font-size: 20px;
    }
  /*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) {

  .pageContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  /*SLIDESHOW*/
  .slideshow-container {
    order: 2;
    width: 80%;
  }


  /*LOGO */
  .beStill {
    order: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
  }

  #beStillImage {
    width: 100%;
    margin-left: -150px;
  }

  /*TEXT */
  .textContainer {
    width: 120%;
    margin-left: -150px;

 

  }
      /*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;  
 
}


 }

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

    .contactContainer h1 {
       
        font-size: 30pt;
    }
   }