body {
  background-color: #ffffee;
  color: #555;
  margin: 0;
  /* font-family: Georgia; */
}
#wrapper {
  margin: 0 auto;
  max-width: 1000px;
}
#mobile_display {
  display: none;
}
h1,
h2,
h3
{
  text-align: center;
  /*color: #B21713;*/
  /*color: #F19BB8;*/
  /*color: coral;*/
  color: #86C1AD;
}
#home #logo {
  display: block;
  margin: 20px 0 0 25px;
}
#home #bride_photo { /*Must be a division or something like that*/
  float: left;
  width: 49.5%;
  width: 39.5%;
  height: 750px;
  /*background-image: url(/img/fleur_bride_photo.jpg);*/
  background-image: url(/img/fleur_bride_sharper.jpg);
  background-repeat: no-repeat;
}
#home #bride_photo_smaller { /* IS AN IMAGE, NOT A DIVISON */
  display: none; /* Hide this image in the desktop version (show in mobile) */
}
#home #bride_photo #bride_photo_credit {
  padding: 1000px 0 0 0;
  font-family: sans-serif;
  color: #555;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);

  -webkit-transform-origin: 5% 100%;
  -moz-transform-origin: 5% 100%;
  -ms-transform-origin: 5% 100%;
  -o-transform-origin: 5% 100%;
  transform-origin: 5% 100%;
}
#home_nav #spacer #slogan-holder {
  text-align: center;
}
#home_nav #slogan { /* AN IMAGE */
/*  
  display: inline;
  margin: 30px auto;
  margin: 30px 0 0 250px;
  */
}
#home #established {
  /*text-align: right;*/
  text-align: center;
  /*padding: 180px 35px 0 0;*/
  padding: 0 0 0 0;
  color: #555;
  font-family: Georgia, serif;
  font-size: 125%;
  font-style: italic;
}
#home #home_nav {
  float: right;
  width: 49.5%;
  width: 59.5%;
  height: 750px;
  background-color: #ffffee;
}
#home #home_nav #holder {
  background-image: url(/img/fleurTA__f.gif);
  background-repeat: no-repeat;
  background-position: top center;
  padding: 30px 0 0 0;
  /* FOLLOWING ADDED PER TAMI OBSERVATION 1/24/23, to prevent truncation of big "F"  */
  height: 670px;
}
#home #home_nav a img {
  display: block;
  margin: 0 auto;
  border: none;
  padding-bottom: 15px;
}
#home #home_nav a:hover img {
  border: none;
}
#header .navigation {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
}
#header .navigation img {
  height: 45px;
  border: none;
}
#header .navigation img:hover {
  height: 45px;
  border: none;
}
#header .navigation li {
  display: inline;
}
#header .navigation li a {
  text-decoration: none;
  color: coral;
  border: none;
}
#large_image {
  display: block;
  max-width: 595px;
  max-height: 500px;
  padding-bottom: 20px;
  float: right;
}
#thumbs {
  max-width: 395px;
  overflow: hidden; /* FIGURE THIS OUT!! IT MAKES A DIFFERENCE!! */
  float: left;
}
#thumbs img {
  width: 60px;
  height: 60px;
  cursor: pointer;
  /* border: 1px solid #4f6070; */
}
#gallerie {
  text-align: center;
}
#gallerie #content #wrapper p {
  vertical-align: top;
  display: inline-block;
}
#gallerie #content a {
  /*float: left;  2022-03-29 */
  padding: 6px;
  text-align: center;
  font-size: 1.25em;
  text-decoration: none;
  color: #92C1AD;
  color: #9CA;
  color: #8b9;
  color: #7a8;
  font-family: georgia serif;
  font-weight: bold;
  font-style:italic;
  border: none;
}
#gallerie table {
  margin: 0 auto;
}
#gallerie #content img {
  width: 225px;
  padding: 4px;
  border: 1px solid #92C1AD;
}
#packages p,
#feedback p {
  margin: 0 0.5em 1em;
}
#feedback .dateline {
  font-style: italic;
  margin: 0;
}
#about p.intro {
  clear: both;
}
#about #logo {
  width: 95px;
  height: 160px;
  float: left;
  padding: 0px 7px 3px 0;
}
#about img {
  height: 100px;
  height: 135px; /* per Tami */
}
#about img.left {
  float: left;
  padding: 3px 7px 3px 0;
}
#about img.right {
  float: right;
  padding: 3px 2px 3px 3px;
}
#about #BBBS_logo {
  float: right;
  width: 127px;
  height: 43px;
}
#about #SinsheimerSchool {
  float: right;
  height: 65px;
}
#about #tami_photo {
  padding-right: 10px;
  float: left;
  height: 250px;
}
#contact p {
  font-size: 125%;
  text-align: center;
}
#contact p img {
  text-align: right;
  max-width: 150px;
}
#contact form {
  width: 50%;
  margin: 0 auto;
}
#contact .required {
  display: none;
}
#follow_me #content ul {
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0;
}
#follow_me #content ul li {
  /*display: inline-block;*/
  /*border: 1px solid navy;*/
  padding-bottom: 1.5em;
}
#follow_me #content ul li a {
  font-size: 1.25em;
  text-decoration: none;
  color: #7a8;
  font-family: georgia serif;
  font-weight: bold;
  font-style:italic;
}
#follow_me #content ul li a img {
  width: 200px;
  height: 120px;
  border: 1px solid #aff;
}
#packages #content img {
  width: 100px;
  float: left;
  padding-right: 10px;
  margin-bottom: 10px;
}
#packages #content p {
  font-size: 110%;
}
#packages #content p.intro {
  margin-bottom: 3em;
}
#packages #content p.package {
  margin-bottom: 2em;
}
#packages #content p.conclusion {
  margin-top: 3em;
}
#packages #content span {
  font-style: italic;
  font-weight: bold;
}
#f_demo {
  background-image: url(/img/fleur_f.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}
.clear {
  clear: both;
}

/* ********** MEDIA QUERIES ****** */
@media only screen and (max-width: 600px) {
  h1 {
    font-size: 150%;
  }
  #home #bride_photo { /* a division */
    /*background-image: none;*/
    display: none; /* Hide the division that shows in desktop version */
  }
  #home #bride_photo_smaller { /* IS AN IMAGE, NOT A DIVISON */
    display: block; /* As distinct from display=none */
    margin: 0 auto;
  }
  #home #slogan {
    /*   
      margin: 30px 0 0 250px;
      margin: 1em;
      */  
  }
  #home #logo {
    background-color: green;
    display: block;
    margin: 0;
  }
  #home #home_nav {
    float: none;
    width: 100%;
    /* THESE COMMENTED OUT
    float: right;
    width: 59.5%;
    height: 750px;
    */    
    background-color: #ffffee;
  }
  #home #home_nav #holder {
    background-image: none;
    padding: 30px 0 0 0;
    padding: 0 0 0 0;
  }
  #home_nav #slogan { /* AN IMAGE */
    /*  
    display: inline;
    margin: 30px auto;
    margin: 30px 0 0 250px;
    */
  }


  #bx-pager {
    display: none;
  }
  .bxslider {
    display: none;
  }
  .bx-wrapper {
    display: none;
  }
  .bx-viewport {
    display: none;
  }
  #mobile_display {
    display: block;
  }
  #mobile_display img {
    width: 96%;
  }
  .large_image {
    max-width: 96%;
    padding-bottom: 0;
    float: none;
  }


}



@media screen 
and (min-width: 320px) 
and (max-width: 640px) 
and (orientation: portrait) {
  #contact form {
    width: 98%;
    /*background-color: red;*/
  }
  #bx-pager {
    display: none;
  }
  .bxslider {
    display: none;
  }
  .bx-wrapper {
    display: none;
  }
  .bx-viewport {
    display: none;
  }
  #mobile_display {
    display: block;
  }
  #mobile_display {
    text-align: center;
  }
  #mobile_display img {
    width: 96%;
  }
  .large_image {
    max-width: 96%;
    padding-bottom: 0;
    float: none;
  }
}