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

/* LOGO CONTAINER */
.beStill{
	
	width: 50%;
	height: 90%;
	display: flex;;
	padding-left: 130px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  

}

#beStillImage {

  margin-bottom: -80px;
}

.text {
  font-family: "Nunito", sans-serif;
  font-size: 20pt;
  color: #5e483f;
text-align: center;
  padding: 10px;
 
  
}

/* BUTTON 
button {
  border: solid #bdc3bf 2px;
  color: #bdc3bf;
  width: 200px;
}
  */

/* SLIDESHOW CONTAINER */
.slideshow-container {
	float: right;
	width: 50%;
	height: 90%;
	display: flex;
	justify-content: center;
	align-items: center;
 
   
}




.slideImage {
    height: 700px;
    border-radius: 50px;
    
}




  * {box-sizing: border-box;}
 
  .mySlides {display: none;}
  img {vertical-align: middle;}
  
  /* Slideshow container */
  .slideshow-container {
    max-width: 1000px;
    position: relative;
    margin: auto;
  }
  
  
  .active {
    background-color: #717171;
  }
  
  /* Fading animation */
  .fade {
    animation-name: fade;
    animation-duration: 1.5s;
  }
  
  @keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
  }
  

  /* On smaller screens, decrease text size */
  @media only screen and (max-width: 300px) {
    .text {font-size: 11px}
  }

/* SLIDESHOW CONTAINER END */

/* FOOOTER START*/

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

}

.icons {
  color:#5e483f ;
  display: flex;
  flex-direction: row;
padding-left: 100px;  
padding-top: 100px;
gap: 20px;

}

.quote {
  font-style: italic;
  margin-left: 65%;


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

   }