:root{
 --highlightbrown: #bfa88c;
 --highlightdarkbrown: #a58c6e;
}
.welcome{
text-align: center;
margin-top: 50px;
width: 90%;
margin: 50px auto 0 auto;
}
.welcome h1{
color: #58bba9;
font-size: 5em;
line-height: 1.2em;    
}
.welcome p{
width: 80%;
    margin-top: 20px;
}
main ul li{
max-width: 1000px;
margin: 0 auto;
width: 90%;
}
.privacy{
margin-top: 50px;
margin-bottom: 50px;
}
.foodPics{
margin: 20px auto;
width: 90%;
display: flex;
gap: 20px;
    justify-content: center;
}
.foodPics img{
width: 30%;
    max-width: 300px;
    object-fit: cover;
}
.MealDeal{
background-color:#ffe59d;
    margin-top: 50px;
}

.offertext{
width: 100%;
}
.offertext h3, .offertext p{
width: 90%;
margin: 0;
}
.specialcontent{
  display: flex;
  max-width: 1000px;
      margin: 0 auto;
      color: black;
      font-size: larger;
      gap: 30px;
      padding: 50px 0;
  }
.specialcontent img{
width: 30%;
flex-basis: 30%;
object-fit: cover;
}
.CakeMethod{
margin: 50px auto;
max-width: 1000px;
    text-align: center;
    box-sizing: border-box;
    line-height: 0;
}
.CakeMethod h2{
font-size: 3em;
    color: #522e2e;
    line-height: 1.2em;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.CakeMethod p{
line-height: 1.5em;
width: 90%;
}
.CakeMethod img{
margin-top: 30px;
width: 100%;
    line-height: 0;
}
.specialsLink{
    background-color: red;
    color: #fff;
    font-weight: bold;
    padding: 10px 15px;
    border-radius: 5px;
    border: none;
    text-decoration: none;
    margin: 0;
    Font-family: "poppins";
    transition: all .15s ease-in-out;
}
.specialsLink:hover {
background-color: darkred;
transition: all .15s ease-in-out;
cursor: pointer;
}
.review .stars{
display: block;
max-width: 400px;
margin: 0 auto;

}

.customerfeedback{
width: 90vw;
max-width: 1000px;
    overflow-x: scroll;
    margin: 0 auto;
}
.reviews{
display: flex;
width: 1800px;
    margin: 0 auto;
  gap: 30px;
}
.feedbackHeader h3{
margin: 0 auto;
width: 100%;
text-align: center;
font-size: 4em;
color: #ffb89d;

}
.review{
width: 400px;
    margin: 0 0 50px;
}
.review .toolong{
height: 300px;
overflow-y: scroll;
}
.C2A{
Background: url(/_assets/images/gallery/gallerypage/cottagebakery_product-13.jpg);
background-size: cover;
background-position: center;
margin: 50px auto;
height: 400px;
text-align: center;
max-width: 1000px;
background-color: rgba(0, 0, 0, 0.2);
}
.C2A p{
font-family:"Anton";
text-transform:uppercase;
font-size: 3em;
color: white;
}
.c2acontent{
display: block;
position: relative;
top: 40px;
}
.c2acontent button{
color: pink;
background: white;
border: none;
font-family: "Poppins";
padding: 20px;
margin-top: 20px;
transition: all .15s ease-in-out;
}
.c2acontent button:hover{
cursor: pointer;
background-color: pink;
color: white;
transition: all .15s ease-in-out;
}

.customerfeedback::-webkit-scrollbar {
height: 10px;

}
.customerfeedback::-webkit-scrollbar-thumb{
background-color: grey;
border-radius: 100px;
}
.customerfeedback::-webkit-scrollbar-track{
background-color: lightgrey;
border-radius: 100px;
}

/* Menu Page */
.specials-container {
    display: flex;
    flex-flow: row wrap;
    flex-grow: 0;
    flex-shrink: 0;
  margin: 0 auto;
  justify-content: center;
  width: 90%;
  max-width: 1000px;
    gap: 1rem;
    padding: 1rem;
  }

  .special {
flex-basis: 320px;
flex-grow: 1;
padding: 20px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
    transition: transform 0.3s, background-color 0.3s;
  }
.specials{
margin-bottom: 40px;
}
  .specials h2{
text-align: center;
font-family:"Poppins";
  }

  .special h3 {
    margin: 0;
    font-size: 1.2rem;
    color: #333;
  }

  .special p {
    margin: 0.5rem 0 0;
    color: #555;
    padding: 0 10px;
  }
.weekly-specials{
 width: 100%;
 max-width: 1000px;
 margin: 0 auto;
 text-align: center;
}
.weekly-specials h2{
 color: pink;
 font-size: clamp(3em, 4vw, 5em);
}
.week-special{
box-sizing: border-box;
 padding: 20px 0;
 background: #a7ddd3 url(/_assets/images/WhiteSecondary.png);
 background-size: contain;
 margin: 10px 0;
 outline: 1px solid white;
 outline-offset: -4px;
}
.wk-spc-item{
 font-family: "Poppins", sans-serif;
 font-weight: 300;
 display: block;
 width: 50%;
 background-color:#f0abd0;
 box-sizing: border-box;
 padding: 5px 20px;
 color: white;
 border-radius: 5px;
 box-shadow: 0 0 10px rgba(255,255,255,.5);
 margin: 10px auto;
}
  .today {
    background-color: #ffeb7d;
    color: white;
    transform: scale(1.13);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  }
.menu{
width: 90%;
display: flex;
flex-flow: wrap;
margin: 0 auto;
max-width: 1000px;
}
.menu h2{
font-size: 1.8em;
font-family: "Poppins";
transition: all .15s ease-in-out;
flex-basis: 50%;
}
.menu h3{
font-size: 1.1em;
}
.menu p{
font-size: .9em;
}
.menu h2:hover{
color:#522e2e;
transition: all .15s ease-in-out;
}
.menuheading{
padding: 20px; 
box-shadow: 0 5px 5px rgba(0,0,0,.1);
 flex: 1 1 calc(50% - 10px); /* Each item takes up 50% of the width minus the gap */
  box-sizing: border-box;
}
.menu .item{
padding: 10px;
max-width: 1000px;
margin: 0 auto;
}
.menuheading{
    background-color: white;
    outline: 3px solid rgb(184, 41, 41);
    outline-offset: -7px;
    
}
@media screen and (max-width: 768px){
  .menu{
  display: block;
  }
  .menuheading {
  display: block;
    flex: none;
  } 
}

.menuheading h2, .ToastTab h2, .specials h2{
  font-weight: 700!important;
}
.menu .item:nth-child(odd){
background-color:rgb(254, 236, 236);
}
.menu .items {
    display: none; /* Initially hidden */
    overflow: hidden;
    transition: all 0.3s ease; /* Smooth transition */
}
  
  .items.show {
    display: block; /* Show the items */
  }
  .menu h2 {
    cursor: pointer; /* Indicate clickable */
  }
.ToastTab img{
    display: block;
width: 100px;
margin: 0 auto;
}
.ToastTab h2{
font-family:'Poppins';
margin: 0 auto;
width: 90%;
text-align: center;
}
.ToastTab{
Outline: 3px solid rgb(255, 106, 0);
border-radius: 10px;
width: 80%;
max-width: 600px;
margin: 50px auto;
padding: 20px;
box-shadow: 15px 15px 15px rgba(0,0,0,.2);
transition: all .15s ease-in-out;
cursor: pointer;

}
.ToastTab:hover{
transform: scale(1.01);
box-shadow: 25px 25px 25px rgba(0,0,0,.1);
transition: all .15s ease-in-out;
}
/*gallery page */
.gallery-container {
    max-width: 1200px;
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
  }
  
  /* Flexbox Grid */
  .gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Space between items */
    justify-content: center;
  }
  
  /* Image Cards */
  .gallery img {
    width: 200px;
    height: 250px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  .gallery img:nth-of-type(even) {
    height: 400px;
  }
  
  .gallery img:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  }
    /* Lightbox Styles */
    .lightbox {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        display: none;
        justify-content: center;
        align-items: center;
        z-index: 1000;
    }

    .lightbox img {
        max-width: 90%;
        max-height: 90%;
        border: none;
    }

    /* Lightbox Close Button */
    .lightbox-close {
        position: absolute;
        top: 20px;
        right: 20px;
        color: white;
        font-size: 30px;
        font-weight: bold;
        cursor: pointer;
    }
  /* Responsive Image Sizing */
  @media (min-width: 768px) {
    .gallery img {
      flex: 1 1 calc(33.333% - 10px); /* 3 images per row */
    }
  }
  
  @media (max-width: 768px) {
    .gallery img {
      flex: 1 1 calc(50% - 10px); /* 2 images per row */
    }
  }
  
  @media (max-width: 480px) {
    .gallery img {
      flex: 1 1 calc(100% - 10px); /* 1 image per row */
    }
  }


  /*Contact Page */
  .details a{
  display: block;
  text-decoration: none;
  }
  .details{
    margin: 40px 0 50px 0;
    font-family: "Poppins";
  }
  .headerblock{
  width: 100%;
  display: block;
  height: 200px;
  background-color: grey;
  background-image: url(/_assets/images/gallery/gallerypage/peanutbutter.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  mix-blend-mode: luminosity;
  }
  .pie{
  position: absolute;
  top: 280px;
  display: block;
  left: 50%;
  width: 90vw;
  max-width: 1000px;
margin: 0 auto;
z-index: -1;
  }
  .pie img{
    width: 200px;
  }
 .contactmain h1, .contactmain h2, .contactmain a{
    display: block;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
  }
  .contactmain h1{
  font-size: 4em;
  margin: 10px auto;
  color:#58bba9;
  }
  .details address{
  display: block;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
  }
  main form{
  display: block;
  margin: 0 auto;
  max-width: 800px;
  width: 90%;
  background-color: #f1f1f1;
  font-family: "Poppins";
  box-sizing: border-box;
  padding: 20px;
  }
  main form label{
  font-weight: bold;
  font-size: 1.4em;
  }
  main form ::placeholder{
font-family: "Poppins";
font-size: .8em;
  }
.checkbox{
display: flex;
flex-flow: row wrap;
width: 100%;
font-size: .7em;
}
.column{
display: flex;
flex-direction: column;

}
.check label{
  font-weight: 400;
}

main form .resize, main form textarea{
width: 100%;
max-width: 1000px;
height: 40px;
margin: 0 auto;
display: block;
font-size: 1.4em;
box-sizing: border-box;
}
main form textarea{
height: 200px;
}
.contactHeading{
  font-family: "Poppins";
}

/*Wedding Page*/
.wedding{
background-color: #fff3e9;
}
.wedding-hero {
  width: 100%;
  height: 50vh;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center; /* vertical centering */
 background-color: rgba(0,0,0,.3);
 position: relative;
}

.wedding-hero img {
  min-width: 600px;
  height: 100%;
 flex-grow: 1;
  object-fit: cover;
  object-position: 0 40%;
 mix-blend-mode: multiply;
}

.weddingh1{
position: absolute;
align-content: center;
margin: 0 auto;
text-align: center;
color: white;
line-height: .9em;
 font-weight: 200;
 font-size: clamp(3em, 7vw, 6em);
text-shadow: 0 7px 7px rgba(0,0,0,.4);
}
.weddingh1 span{
 display: block;
 text-align: center;
 margin-top: 1em;
color: white;
 font-weight: 200;
 font-size: 1rem!important;
 line-height: 1.2;
 padding: 0 20px;
 font-family: "Poppins";
}
.weddingspanhearts{
 position: absolute;
align-content: bottom;
margin: 0 auto;
 bottom: 20px;
text-align: center;
color: white;
 font-weight: 200;
 font-size: 1em;
 font-family: "Poppins";
}
.bgchange{
width: 100%;
background-color: #f7f7f7;
}
.summarywedding h2{
margin-top: 40px;
}
.summarywedding p{
padding:50px;
margin: 0 auto;
 text-align: center;
 color: var(--highlightdarkbrown);
}
.summarywedding p a{
color: #999;
font-weight: bold;
text-decoration: none;
  display: inline-block;
 margin: 0;
  transition: all .3s ease;
}
.summarywedding p a:hover{
 display: inline-block;
transform: scale(1.05);
margin: 0 5px;
 transition: all .3s ease;
}
.summarywedding h2, .wedding-process h2,.vendors h2{
background-color: #ffffff;
color:Pink;
text-align: center;
padding: 20px;
max-width: 1000px;
 font-weight: 200;
 font-size: clamp(2em, 4vw, 3.5em);
 border-radius: 5px;
}
.cakegallery{
display: flex;
 flex-flow: row wrap;
 margin: 0 auto;
 gap: 20px;
 padding: 40px;
 justify-content: center;
 max-width: 1000px;
 
}
.cakegallery img{
flex-basis: 150px;
height: 300px;
object-fit: cover;
flex-grow: 1;
}
.wedding-process ul{
display: flex;
flex-flow: row wrap;
 gap: 20px;
 max-width: 1000px;
 margin: 0 auto;
 padding: 20px;
 
}
.wedding-process ul p{
color: var(--highlightdarkbrown);
}
.wedding-process ul h3{
color: rgb(152, 77, 77);
}

.wedding-process ul li{
flex-basis: 450px;
 flex-grow: 1;
 
}

.vendors p{
width: 90%;
margin: 0 auto;
 padding:50px;
 text-align: center;
 color: var(--highlightdarkbrown);
}
.vendors ul{
display: flex;
 flex-flow: row wrap;
 margin: 0 auto;
 max-width: 1100px;
 box-sizing: border-box;
 padding-inline-start: 0;
 padding:0 20px;
 gap: 10px;
 justify-content: center;
}
.vendors ul li{
flex-basis: 300px;
flex-grow: 1;
flex-shrink: 0;
 text-align: center;
 list-style: none;
}
.vendors ul li a{
  color: #522e2e;
 display: inline-block;
 font-weight: bold;
  text-decoration: none;
 line-height: 1.3;
 box-sizing: border-box;
 padding: 0 2em;
  transition: all .3s ease;

}
.vendors ul li a:hover{
  color: #522e2e;
transform: scale(1.05);
 transition: all .3s ease;
}
.videoflex{
display: flex;
flex-flow: row wrap;
 align-items: flex-start; /* optional: aligns tops */
  gap: 20px; /* space between video and text */
 margin: 0 auto;
 justify-content: center;
 padding: 20px;
 max-width: 1000px;
}
.videoflex video{
 flex-shrink: 1;
 object-fit: cover;
 flex-basis: 300px;
 max-width: 300px;
 padding: 20px;
 box-sizing: border-box;
}
.videoflex ul{
flex-shrink: 1;
 flex-grow: 1;
 flex-basis: 50%;
 font-size: .9em;
}
@media (max-width: 768px) {
  .videoflex {
    flex-direction: column;
    align-items: center; /* optional: center items on mobile */
  }
  
  .videoflex video,
  .videoflex ul {
    flex: 1 1 100%;
    max-width: 100%;
   box-sizing: border-box;
  }
}
/*About Page */
table{
font-family:"Poppins";
}

.col1{
padding-right: 20px;
}
.storedetails{
display: flex;
flex-flow: row wrap;
margin: 50px auto;

width: 90%;
max-width: 1000px;
justify-content: space-evenly;
gap: 40px;
}
.storedetails iframe{
flex-basis: 40%;
flex-grow: 1;
}
.about-h1{
width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 50px;
  text-align: center;
  font-size: 4em;
  color:#58bba9;
}
.aboutvideo{
 width: 90%;
  max-width: 1000px;
  margin: 0 auto; 
  margin-bottom: 25px;
}
.aboutvideo video{
width: 100%;
}
.bio-container{
width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
  gap: 45px;
}
.bio-container .bioImg{
flex-basis: 300px;
object-fit: cover;
flex-shrink: 1;
  flex-grow: 1;
  overflow: hidden;
}
.bioImg img{
width: 100%;

}
.bio-container .biotext{
flex-basis: 500px;
flex-shrink: 0;
flex-grow: 1;
}
.biotext h2{
font-size: 2em;
}
@media screen and (max-width: 600px){
  .bio-container{
    flex-shrink: 1;
  }
  .biotext{
    max-width: 90%;
    margin: 0 auto;
    flex-shrink: 1;
  }
}
/*Catering Page*/
.cateringH1 h1{
text-align: center;
margin-top: 50px;
font-size: 4em;
color: #23a48a; 

}
.cateringH1 h2{
text-align: center;
margin-top: 50px;
font-size: 4em;
color: #23a48a; 

}
.IntroCatering, .IntroWelcome, .customizable, .Packages{
display: flex;
width: 90%;
max-width: 1000px;
margin: 0 auto;
margin-top: 20px;
text-align: center;
}
.serviceAreaHeader {
  text-align: center;
  color: #23a48a;
  width: 90%;
  font-size: 2em;
max-width: 1000px;
margin: 0 auto;
margin-top:25px;
}
.customizable{
margin-top: 15px;
width: 80%;
}
.IntroCatering p, .IntroWelcome p{
width: 80%;
}
.Packages{
text-align: left;
flex-flow: row wrap;
justify-content: center;
gap: 20px;
max-width: 2000px;
margin-top: 40px;
}
.packageCategory{
flex-basis: 350px;
flex-grow: 0;
flex-shrink: 0;
border: 3px solid #23a48a;
padding: 20px;
box-shadow: 10px 10px 15px rgba(0,0,0,.1)
}
.PackageMenu h1{
text-align: center;
font-size: 3em;
margin-top: 40px;
}
.CarouselMenu{
width: 90%;
margin: 0 auto;
max-width: 1000px;
overflow: hidden;
}
.PackageMenu{
display: flex;
flex-flow: row nowrap;
}
.package {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  flex-basis: 1000px;
}

.package h2 {
  text-align: center;
  margin-bottom: 20px;
}
.paperproducts{
text-align: center;
margin-top:10px;
}
.package .packagecontents {
  display: flex;
  flex-basis: 66.6%;
  gap: 20px;
  align-items: flex-start; /* Align image and text to the top */
}
/*carousel media query*/
@media screen and (max-width: 480px){
  .package .packagecontents {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  width: 100%;
  }
  
  .package .packagecontents img {
  max-width: 100%;
  height: 200px;
  width: 100%;
  }
  .packagecontents li{
  font-size: .8em;
  }
  .CarouselMenu button{
  display: none;
  }
}

.package img {
  max-width: 33%; /* Adjust percentage as needed */
  height: 400px;
  object-fit: cover;
}

.package .text {
  flex: 1; /* Allow text to take up the remaining space */
}

.package h3 {
  margin-top: 0;
}
.CarouselMenu {
  width: 90%;
  margin: 0 auto;
  max-width: 1000px;
  position: relative;
  overflow: hidden; /* Hide overflow for a clean look */
}

.PackageMenu {
  display: flex;
  gap: 20px;
  scroll-behavior: smooth; /* Enable smooth scrolling */
  transition: transform 0.3s ease-in-out;
}

.package {
  flex: 0 0 auto; /* Prevent packages from shrinking */
  width: 100%;
  max-width: 1000px;
}
.PackageMenu {
  display: flex; /* Use flexbox to line up items horizontally */
  overflow-x: auto; /* Enable horizontal scrolling */
  scroll-snap-type: x mandatory; /* Optional, for smooth snapping between packages */
}
.PackageMenu::-webkit-scrollbar{
display: none;
}
.package {
  flex-shrink: 0; /* Prevent packages from shrinking */
  scroll-snap-align: start; /* Optional, aligns packages to start for snapping */
}

.nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  z-index: 10;
  font-size: 1.5rem;
}

.nav.left {
  left: 10px;
}

.nav.right {
  right: 10px;
}

.nav:focus {
  outline: none;
}

.packagecontents {
  display: flex;
  gap: 20px;
}
/*  CONFECTIONS PAGE */
.confection h2{
  font-family: "Poppins";
  font-weight: 700;
}
.confection {
  text-align: center;
  margin: 0 auto;
  margin-top: 40px;
  width: 90%;
  max-width: 1000px;
  position: relative; /* Enable stacking of background layers */
  color: white;
}
.confection .priceconfection{
font-weight: bold;
margin-bottom: 10px;
}
.Introconfections p{
margin: 0 auto;
width: 80%;
max-width: 800px;
text-align: center;
}
.weddingLink{
  position: relative;
  z-index: 5;
  color:#65e5cb;
  }
  .sweetback{
    position: relative;
    padding: 80px 0;
    z-index: 1; /* Text is on top of the layers */
    background-color: rgb(86, 57, 57);
  }

  .SweetBack6{
    background-color:#a3a3a3;
    outline: 2px solid white;
    outline-offset: -10px;
  }


.SweetBack1::before{
  content: '';
  position: absolute;
  inset: 0; /* Full coverage of the parent element */
  background: url(/_assets/images/gallery/gallerypage/pumpkin.jpg) center/cover no-repeat;
  opacity: 0.3; /* Adjust for desired semi-opacity */
  z-index: 0; /* Place below the text */
}
.SweetBack2::before{
  content: '';
  position: absolute;
  inset: 0; /* Full coverage of the parent element */
  background: url(/_assets/images/gallery/gallerypage/peepscake.jpg) center/cover no-repeat;
  opacity: 0.3; /* Adjust for desired semi-opacity */
  z-index: 0; /* Place below the text */
}

.SweetBack3::before {
  content: '';
  position: absolute;
  inset: 0; /* Full coverage of the parent element */
  background: url(/_assets/images/cookies.jpg) center/cover no-repeat;
  opacity: 0.3; /* Adjust for desired semi-opacity */
  z-index: 0; /* Place below the text */
}
.SweetBack4::before {
  content: '';
  position: absolute;
  inset: 0; /* Full coverage of the parent element */
  background: url(/_assets/images/gallery/gallerypage/123_1+4.jpg) center/cover no-repeat;
  opacity: 0.3; /* Adjust for desired semi-opacity */
  z-index: 0; /* Place below the text */
}
.SweetBack5::before {
  content: '';
  position: absolute;
  inset: 0; /* Full coverage of the parent element */
  background: url(/_assets/images/gallery/gallerypage/applecinnamoncrumb.jpg) center/cover no-repeat;
  opacity: 0.3; /* Adjust for desired semi-opacity */
  z-index: 0; /* Place below the text */
}
.SweetBack6::before {
  content: '';
  position: absolute;
  inset: 0; /* Full coverage of the parent element */
  background: url(/_assets/images/gallery/gallerypage/pecancake.png) center/cover no-repeat;
  opacity: 0.3; /* Adjust for desired semi-opacity */
  z-index: 0; /* Place below the text */
}

.confection h2, .confection p {
  position: relative; /* Ensure text appears above the background */
  z-index: 1; /* Text is visible above the pseudo-element */
  width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 840px){
.welcome h1{
font-size: 4.4em;
}
}

@media screen and (max-width: 600px){
  .bio-container .bioImg{
  height: 400px;
  object-position: top;
  flex-grow: 1;
  }
  .welcome h1{
    font-size: 3.2em;
    }
  .about-h1{
  font-size: 2.5em;
  }
  .packageCategory{
  flex-grow: 1;
  }
}
@media screen and (max-width: 480px){
  .welcome h1{
  font-size: 2.2em;
  }
  .specialcontent img{
  height: 300px;
  }
  .CakeMethod h2{
  line-height: 1.2em;
  margin-bottom: 20px;
  }
.CakeMethod p{
width: 80%;
}
  .customerfeedback .reviews .review{
  width: 90vw;
  margin: 0  2.5vw 0 0;
  }
  
  .customerfeedback .reviews .review p,  .customerfeedback .reviews .review span{
  width: 90vw;
  }
.privacy{
width: 90%;
margin: 0 auto;
}
.contactmain h1{
font-size: 2.5em;
}
.headerblock{
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

  .bio-container .biotext{
  flex-shrink: 1;
  }
  .cateringH1{
  font-size: .7em;
  }
  .packageCategory{
    flex-basis: 100%;
flex-grow: 0;
flex-shrink: 1;
  }
.WeddingHeader{
margin:12vh 0 17vw 0;
}
.left-hr, .right-hr{
width: 8%;
}
.WeddingHeader h1{
font-size: 16vw;
top: 5%;
line-height: 1em;
}
.WeddingHeader h2{
 top: 100%; 
 font-size: 2em;
}
 }