/*
=================
Sibby's Cupcakery
=================
*/

/*
==============
Custom Styles
==============
*/

html {
  scroll-behavior: smooth;
}


body {
  font-family: "PT Sans", Helvetica, Roboto, Arial, sans-serif;
  margin: 0;
}

h1 {
  font-family: "Poly", Helvetica, Roboto, Arial, sans-serif;
  font-size: 20px;
  color:#8F1E1E;
}

h2 {
  font-family: "Poly", Helvetica, Roboto, Arial, sans-serif;
  font-size: 20px;
  color:#8F1E1E;
}

h3 {
  font-family: "Poly", Helvetica, Roboto, Arial, sans-serif;
  font-size: 15px;
  color:#8F1E1E;
}

a {
  font-family: "PT Sans", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: #ffff;
  text-decoration: none;
  text-transform: none;
  transition: 0.2s;
}

a:hover{
  text-decoration: none;
  cursor: pointer;
}

p {
  font-family: "Poly", Helvetica, Roboto, Arial, sans-serif;
  font-size: 15px;
  color:#8F1E1E;
}

/* --------------------------------- */


/*============
 Landing Page
============ */

/* Main image and Text */
.row-one {  
  display: flex;
  flex-wrap: wrap;
  margin-top: 45px;
  padding: 20px 120px;
  justify-content: center;
  align-items: center;
}

.main-image {
  flex-direction: column;
  position: relative;
  overflow: hidden;
  justify-content: center;
  padding: 0px 0px 0px 0px;
  width: 750px;
  height: 500px;
}

.imageSlides {
  position: absolute;
  left: 50%;
  top: 49%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  opacity: 0;
  transition: opacity 3s ease-in-out;
  z-index: -1;
}

/* add 'visible' class via Javascript */

.visible {
  opacity: 1;
}

.slideshowArrow {
  font-size: 3em;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  transition: opacity 0.2s ease-in-out;
}

.slideshowArrow:hover {
  opacity: 0.75;
}

#leftArrow {
  position: absolute;
  left: 4%;
  top: 92%;
  transform: translate(-40%, -40%);
}

#rightArrow {
  position: absolute;
  right: 4%;
  top: 92%;
  transform: translate(40%, -40%);
}

.slideshowCircles {
  position: absolute;
  bottom: 2%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.circle {
  display: inline-block;
  margin-left: 3px;
  margin-right: 3px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: solid 2px rgba(255, 255, 255, 0.5);
  transition: 1s ease-in-out;
}

.dot {
  background-color: rgba(255, 255, 255, 0.7);
  border: solid 2px rgba(255, 255, 255, 0.5);
}

.ribbons-main {
  position: absolute;
  top: 50%;
  width: 100px;
  margin-left: 50px;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.main-text {
  margin-left: 30px;
}

/* Three Photos */

.row-two {  
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  padding: 20px 200px;
  margin-top: 20px;
}

.image img {
  outline: 5px solid #FCC5D4;
}

.order-btn {
  margin-bottom: 30px;
}

.order-btn a {
  color:#901E1E;
  border: 2px solid #901E1E;
  border-radius: 40px;
  padding: 10px 20px;
  margin: 60px;
  font-size: 16px;
  font-weight: bold;
}

.order-btn a:hover {
  background-color: #FCC5D4;
}

.photo-one {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0px;
  width: 280px;
  height: auto;
  margin-bottom: 25px;
}

.photo-one img {
    margin-bottom: 12px;
}

.photo-two {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0px 40px 0px 40px;
  width: 280px;
  height: auto;
  margin-bottom: 25px;
}

.photo-two img {
    margin-bottom: 10px;
}

.photo-one h2{
  margin-bottom: 19px;
  text-align: center;
}

.photo-two h2 {
  margin-bottom: 19px;
  text-align: center;
}

.photo-three {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0px;
  width: 280px;
  height: auto;
}

.photo-three img {
    margin-bottom: 6px;
}


.photo-three h2 {
  margin-bottom: 19px;
  text-align: center;
}

.info a {
    color: #DB7474;
}

.info a:hover {
  color:#FCC5D4;
}

/* accordion */

.accordion {
  font-family: "PT Sans", Helvetica, Roboto, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color:#DB7474;
  cursor: pointer;
  transition: 0.3s;
}

.accordion:hover {
  color: #FCC5D4; 
}

.accordion:after {
  content: ' \002B'; /* "plus" sign (+) */
  font-size: 14px;
  color: #DB7474;
}

.active:after {
  color: #FCC5D4;
  content: ' \002D'; /* "minus" sign (-) */
}

/* info inside the accordion */

.panel {
  display: flex;
  flex-direction: column;
  font-family: "Poly", Helvetica, Roboto, Arial, sans-serif;
  font-size: 13px;
  text-decoration: none;
  color: #8F1E1E;
  overflow: hidden;
  list-style: none;
  text-align: left;
  max-height: 0;
}

/* Order Process */

.container-row-three {
  display: flex;
  justify-content: center;
  margin: 20px 20px 40px 20px;
}

.row-three {  
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-around;
  background-color: #FFF7F9;
  padding: 90px 90px;
}

.how-to-order {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 200px;
  margin-bottom: 20px;
}

.different-sizes {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 200px;
  padding: 0px 0px 0px 20px;
}

.lead-time {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 200px;
  margin-top: 11px;
  margin-bottom: 20px;
}

.pickup {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 160px;
  margin-top: 11px;
  margin-bottom: 20px;
}

.delivery-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 200px;
  margin-top: 25px;
  margin-bottom: 10px;
}

.how-to-order img,
.different-sizes img,
.lead-time img,
.pickup img,
.delivery img {
  margin: 5px;
}

.panel-order {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: #8F1E1E;
  overflow: hidden;
  list-style: none;
  text-align: center;
  max-height: 0;
  padding-top: 15px;
}

.panel-order a {
  font-family: "Poly", Helvetica, Roboto, Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color:#8F1E1E;
}

.panel-order a:hover {
  color:#FCC5D4;
}

.panel-sizes {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: #8F1E1E;
  overflow: hidden;
  list-style: none;
  text-align: center;
  max-height: 0;
  padding-top: 15px;
  font-family: "Poly", Helvetica, Roboto, Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color:#8F1E1E;
  line-height: 25px;
  margin-bottom: 20px;
}

.panel-time {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: #8F1E1E;
  overflow: hidden;
  text-align: left;
  max-height: 0;
  padding-top: 15px;
  font-family: "Poly", Helvetica, Roboto, Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color:#8F1E1E;
  line-height: 25px;
  margin-left: 18px;
  margin-bottom: 20px;
}

/* --------------------------------- */

/*=====
 About
===== */

.row-about {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  padding: 10px 125px 0px 125px;
}

.sibby-photo {
  margin: 20px 0px;
}

.sibby-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 35px 75px;
  flex: 2 0 0%;
}

.row-our-story {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  padding: 10px 125px;
}

.our-story-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: left;
  margin: 0px 135px;
  flex: 2 0 0%;
}

.press-text h2 {
  text-align: center;
}

.row-press {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding: 10px 125px 40px 125px;
}

.press-images {
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
  justify-content: center;
  width: 600px;
  max-height: calc(4 * (251px + 10px)); /* Adjust the height as needed */
  overflow-y: auto;
}

.press-photo {
  display: flex;
  flex-wrap: wrap;
  margin: 5px;
}

.press-text {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  text-align: left;
  margin: 5px 135px 5px 60px;
  flex: 2 0 0%;
}

.press-quotes {
  align-content: flex-start;
}

/* --------------------------------- */

/* ========
 Weddings
======== */

.row-weddings {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: flex-end;
  padding: 70px 125px 10px 105px;
}

.weddings-photo{
  margin: 10px 20px;
}

.weddings-text{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  margin: 15px 50px;
}

.weddings-info{
  display: flex;
  flex-direction: column;
  align-items: left;
  flex: 2 0 0%;
}

.weddings-info h1 {
  margin-top: 0px;
}

.weddings-cupcake-sizes {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0px;
  flex: 1 0 0%;
}

.weddings-cupcake-sizes p {
  font-size: 12px;
  text-align: center;
  margin: 0px;
}

#three-sizes {
  font-size: 18px;
  margin-bottom: 0px;
}

.three-sizes-image img{
  margin-top: 10px;
}

hr {
    border-top: 1px solid #FCC5D4;
    width: 50px;
}

.weddings-images {
  display: flex;
  flex-wrap: wrap;
  padding: 5px 0px 40px 0px;
  justify-content: center;
}

.weddings-photo-quote {
  display: flex;
  flex-direction: column;
  justify-content: center;    
  width: 366px;
  height: 366px;
  background-color: #F9DDDD;
  margin: 7px;
}

.weddings-photo-quote p {
  align-self: flex-end;
  text-align: left;
  line-height: 1.3;
  margin: 20px 30px 20px 30px;
}

.photo-quote-text {
  flex-direction: column;
  align-items: center;
}

.weddings-cupcake-text p {
  font-family: "Poly", Helvetica, Roboto, Arial, sans-serif;
  font-size: 15px;
  text-align: left;
}

.weddings-cupcake-text li {
  font-family: "Poly", Helvetica, Roboto, Arial, sans-serif;
  font-size: 15px;
  text-align: left;
  color:#8F1E1E;
  margin-left: 25px;
} 

.author-quote {
  display: flex;
  padding: 0px 0px 0px 0px;
}

/* --------------------------------- */


/*====================
Select Cupcake Flavors
======================*/

.row-cupcake-flavors  {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: flex-end;
  padding: 160px 125px 10px 115px;
}

.cupcake-flavors-text {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  margin: 15px 10px 15px 30px;
}

.cupcake-flavors-info{
  display: flex;
  flex-direction: column;
  align-items: left;
  flex: 2 0 0%;
}

.container-cupcake-sizes-cupcake-flavors {
   padding: 0px 0px 0px 70px;
}

.cupcake-sizes-cupcake-flavors {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0px 0px 0px 50px;
  flex: 1 0 0%;
}

.cupcake-sizes-cupcake-flavors p {
  font-size: 12px;
  text-align: center;
  margin: 0px;
  width: 260px;
}

.cupcake-flavors-images {
  display: flex;
  flex-direction: column;
  padding: 20px 125px 10px 125px;
}

/* ------- Cupcake Flavors Photo Gallery ------------ */

.container-cf {
  position: relative;
}

.overlay-image-cf {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  outline: 5px solid #FCC5D4;
}

.image-cf {
  display: block;
  width: 100%;
  height: auto;
  outline: 5px solid #FCC5D4;
}

.overlay-cf {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #FFF7F9;
}

.container-cf:hover .overlay-cf {
  opacity: 1;
}

.text-cf {
  color: #8F1E1E;
  font-family: "Poly", Helvetica, Roboto, Arial, sans-serif;
  font-size: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  right:-40%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.container-flavor-image {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 260px;
   height: auto;
   margin: 15px 15px 55px 15px;
}

.gallery {
   display: flex;
   flex-wrap: wrap;
   flex-direction: row; 
   justify-content: flex-start;
}

.add-to-box-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8F1E1E;
  background-color:#FCC5D4;
  border-radius: 30px;
  margin: 0px;
  width: 150px;
  padding: 15px 30px;
  font-size: 16px;
  font-weight: bolder;
}

.add-to-box-btn a:hover {
  background-color: #FFDBE4;
}

.container-flavor-image h3 {
   text-align: center;
}


/* --------------------------------- */

/*=================
Signature Designs
=================*/

.row-signature-designs  {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: flex-end;
  padding: 160px 125px 10px 115px;
}

.signature-designs-text {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  margin: 15px 10px 15px 30px;
}

.signature-designs-info{
  display: flex;
  flex-direction: column;
  align-items: left;
  flex: 2 0 0%;
}

.signature-designs-info a{
  color: #DB7474;
}

.signature-designs-info a:hover {
  color: #FCC5D4;
}

.signature-designs-images {
  display: flex;
  flex-direction: column;
  padding: 20px 125px 10px 125px;
}

.signature-designs-images h2 {
  margin: 0px 22px;
}

.signature-designs-photo {
  display: flex;
  flex-wrap: wrap;
  outline: 5px solid #FCC5D4;
  margin: 15px 15px 5px 15px;
}

.container-images-signature-designs {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 5px 0px 40px 10px;
}

.container-cupcake-sizes {
   padding: 0px 0px 0px 70px;
}

.cupcake-sizes {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0px 0px 0px 50px;
  flex: 1 0 0%;
}

.cupcake-sizes p {
  font-size: 12px;
  text-align: center;
  margin: 0px;
  width: 260px;
}

/* --------------------------------- */

/*=================
  Classic Themes
=================*/

.row-classic-themes  {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 160px 125px 5px 115px;
}

.classic-themes-text {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  margin: 15px 10px 15px 30px;
}

.classic-themes-info{
  display: flex;
  flex-direction: column;
  align-items: left;
  flex: 2 0 0%;
}

.classic-themes-images {
  display: flex;
  flex-direction: column;
  padding: 0px 125px 10px 125px;
}

.classic-themes-images h2 {
  margin: 0px 22px;
}

.classic-themes-photo {
  display: flex;
  flex-wrap: wrap;
  outline: 5px solid #FCC5D4;
  margin: 15px 15px 5px 15px;
}

.container-images-classic-themes {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 5px 0px 40px 10px;
}

/* --------------------------------- */

/*=============
Custom Themes
=============*/

.row-custom-themes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 175px 145px 5px 145px;
}

.custom-themes-info{
  display: flex;
  flex-direction: column;
  align-items: left;
  flex: 2 0 0%;
}


.custom-themes-images {
  display: flex;
  flex-direction: column;
  padding: 0px 125px 10px 125px;
}

.custom-themes-photo {
  display: flex;
  flex-wrap: wrap;
  outline: 5px solid #FCC5D4;
  margin: 15px 15px 5px 15px;
}

.container-images-custom-themes {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 5px 0px 40px 10px;
}

.buttercream {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.buttercream p {
  width: 190px;
  text-align: center;
}

/* --------------------------------- */


/*=======
 Contact
=======*/

.row-contact {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: flex-start;
  padding: 152px 125px 40px 105px;
}

.contact-photo{
  width: 556px;
  height: 330px;
  margin: 20px 0px;
}

.contact-text{
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content: center;
  margin: 15px 30px 15px 66px;
  flex: 2 0 0%;
}

.contact-info{
  display: flex;
  flex-direction: column;
  align-items: left;
}

.contact-info a {
  font-family: "Poly", Helvetica, Roboto, Arial, sans-serif;
  font-size: 15px;
  color:#8F1E1E;
}

.contact-info a:hover {
  color:#FCC5D4;
}

.contact-hours {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.contact-hours p {
  line-height: 0.5;
}

.days {
  flex-direction: column;
  margin: 0px 30px 0px 0px;
}

.time {
  flex-direction: column;
  line-height: 1.5;
}

/* --------------------------------- */

/*=========
 Questions
=========*/

.row-questions {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 180px 120px 90px 170px;
}

.row-questions h1 {
    margin: 10px 12px 10px 12px;
}

.questions-text {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
}

.questions-info {
  display: flex;
  flex-direction: column;
  align-items: left;
  margin: 0px 80px 0px 0px;
}

.questions-photo {
  margin: 20px 20px 10px 20px;
}

/* accordion questions */

input {
  display: none;
}

label {
  display: flex; 
  flex-direction: row;
  align-items: center;
}

label a{
  font-family: "Poly", Helvetica, Roboto, Arial, sans-serif;
  font-size: 15px;   
  padding: 8px 0px;
  margin: 0 0 1px 0;
  cursor: pointer;
  border-radius: 3px;
  color: #8F1E1E;
  transition: ease .5s;
}

label a:hover {
  color: #FCC5D4;
}

label::before {
  content: '+';
  font-size: 15px;
  font-weight: bold;
  color: #8F1E1E;
  background: #FDE2E9;
  border-radius: 30px;
  padding: 5px 10px;
  margin: 10px;
}

input:checked + label::before {
  content: '-';
  font-size: 16px;
  color: #8F1E1E;
  background: #FDE2E9;
  border-radius: 30px;
  padding: 5px 12px; 
}


.content {
  background: #FDE2E9;
  padding: 10px 25px;
  margin: 0 0 1px 0;
  border-radius: 3px;
  width: 500px;
}

input + label + .content {
  display: none;
}

input:checked + label + .content {
  display: block;
}


/* --------------------------------- */

/*====
 Jobs
====*/

.row-jobs {
  display: flex;
  padding: 170px 180px 100px 180px;
}

.jobs-text {
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content: center;
  margin: 0px 450px 0px 0px;
}

.jobs-info {
  display: flex;
  flex-direction: column;
  align-items: left;
}

.jobs-info a {
  color:#DB7474;
}

.jobs-info a:hover {
  color:#FCC5D4;
}

/* --------------------------------- */

/*=============================
 Philanthropy & Donations Page
=============================*/

.row-donations {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  padding: 180px 180px 80px 180px;
}

.donations-photo{
  margin: 15px 0px;
}

.donations-text{
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0px 150px 0px 0px;
  flex: 2 0 0%;
}

.donations-info {
  display: flex;
  flex-direction: column;
}

.donations-info a {
  color:#DB7474;
}

.donations-info a:hover {
  color:#FCC5D4;
}

/* --------------------------------- */

/*================
Covid-19 Updates
================*/

.row-updates {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 190px 100px 10px 180px;
}

.updates-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0px 250px 0px 0px;
}

.updates-info {
  display: flex;
  flex-direction: column;
}

.updates-info li {
  font-family: "Poly";
  color: #8F1E1E;
  display: flex;
  flex-direction: column;
}

hr {
  border: 1px solid #FCC5D4;
  width: 100%;
}

.cupcake-stars {
    display: flex;
    justify-content: center;
    margin: 30px 0px 50px 0px;
}


/*======
 Footer
======*/

.footer {
  display: flex;
  justify-content: center;
  background-color: #8F1E1E;
  padding: 25px 10px;
}

.footer a{
  color:#ffff;
}

.footer a:hover{
  color:#FFDBE4;
}

.footer #left-footer {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.sibbys-logo-footer {
  background-image: url(images/sibbyslogo-white-footer.svg);
  width: 157px;
  height: 157px;
  margin: 10px;
}

.sibbys-logo-footer:hover {
  background-image: url(images/sibbyslogo-pink-footer.svg);
  width: 157px;
  height: 157px;
}


/* sections */
.sections {
  display: flex;
  color: #DB7474;
  padding: 20px 180px;
}

.footer-left-sections {
  display: flex;
  flex-direction: column;
  margin: 10px 10px 10px 40px;
}

#social-media-footer {
  justify-content: flex-end;
}

/* address */

.address a {
  font-size: 18px;
}

.address {
  font-size: 18px;
  color: #ffff;
}

/* social media*/

.footer .social-media i {
  margin: 25px 35px 0px 0px;
}

.footer .social-media {
  display: flex;
  flex-direction: row;
}

.footer .social-media a {
 list-style: none;
}

/* --------------------------------- */

/*=============
 Bottom Footer
=============*/

#bottom-footer{
  text-align: center;
  font-size: 12px;
  font-family: "PT Sans", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  background-color: #FCC5D4;
  color: #B42E34;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1px 0px;
}


/* --------------------------------- */


/*==============
  Media Query
==============*/


/* ============== Mobile ============== */


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

    
       /* Footer */
     
       .footer #left-footer {
         flex-direction: column;
         align-items: self-start;
       }
     
       .sections {
         flex-wrap: wrap;
         flex-direction: column;
         align-content: center;
         padding: 20px 10px 20px 10px;
       }
    
       .footer-left-sections {
          margin: 10px 10px 10px 0px;
       }
    
       .sibbys-logo-footer {
        margin: 10px 10px 10px 45px;
       }
     
        /* Landing Page */
     
        .row-one {
          margin-top: 150px;
          padding: 20px;
        }
        
        .main-image {
            width: 350px;
            height: 400px;
        }
    
        .main-text {
         margin: 30px 0px 0px 0px;
         position: relative;
         justify-content: center;
       }
    
       .main-text img {
         width: 100%;
       }
    
       .photo-one,
       .photo-two,
       .photo-three {
        padding: 0px;
        margin: 20px 40px;
       }
    
       .photo-one .image img,
       .photo-two .image img,
       .photo-three .image img {
         height: 150px;
         width: 150px;
       }
       .photo-one img{
        width: 200px;
       }
       
       .photo-two img, 
       .photo-three {
        width: 180px;
       }
    
       .row-two {
        padding: 10px;
      }
    
       .row-two p {
         font-size: 12px;
       }
    
       .row-three {
        padding: 30px 0px 0px 0px;
       }
    
       .order-btn a {
         margin:0px;
       }
    
       .ribbons-main img{
        position: absolute;
        top: 50%;
        width: 230px;
        margin-left: 90px;
        transform: translate(-40%, -50%);
       }
       
       .different-sizes {
        padding: 20px;
        }
    
       /* About Page */

    .row-about {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-top: 120px;
      padding: 50px 25px 20px 25px;
    }
    
    
    .sibby-photo img {
      display: flex;
      justify-content: center;
      padding: 0px;
      width: 100%;
      height: auto;
    }
    
    .sibby-text {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin: 10px 10px;
      flex: 2 0 0%;
    }
    
    .row-our-story {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-evenly;
      align-items: center;
      padding: 10px 25px;
    }
    
    .our-story-text {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: left;
        order: -1;
      margin: 10px 10px;
      flex: 2 0 0%;
    }
    
    .our-story-image img {
      padding: 0px;
      width: 100%;
      height: auto;
        
    }
    
    .press-text h2 {
      text-align: center;
    }
    
    .row-press {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-evenly;
      padding: 45px 35px 40px 35px;
    }
    
    .press-images {
      display: flex;
      flex-wrap: wrap;
      padding: 5px;
      justify-content: center;
      width: 600px;
      max-height: calc(4 * (251px + 10px)); /* Adjust the height as needed */
      overflow-y: auto;
    }
    
    .press-photo {
      display: flex;
      flex-wrap: wrap;
      margin: 5px;
    }
    
    .press-text {
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      align-items: center;
      text-align: left;
      margin: 5px 10px 5px 10px;
      flex: 2 0 0%;
    }
    
    .press-text p,
    .our-story-text p,
    .sibby-text p {
      font-size: 12px;
    }
    
    /* Weddings */
    
    .row-weddings {
      margin-top: 140px;
      padding: 50px 40px 10px 40px;  
    }

    
    .weddings-text {
      margin: 0px;
    }
    
    .weddings-photo-quote {
      display: flex;
      padding: 0px;
      justify-content: center;
      width: 250px;
      height: 250px;
    }
    
    .weddings-photo-quote p {
        padding: 5px;
        margin: 10px;
    }
    
    .weddings-images {
      display: flex;
      flex-wrap: wrap;
      padding: 5px 0px 10px 0px;
      justify-content: center;
    } 
    
     .weddings-images img {
      width: 250px;
      height: 250px;
    }
    
    
    /* Contact */
    
    .row-contact {
      margin-top: 130px;
      padding: 40px 125px 0px 125px;
    }
    
    .contact-text {
      margin: 15px 30px 15px 30px;
      white-space:nowrap;
    }
    
    .contact-photo{
    width: 250px;
    height: auto;
    }
    
    /* Signature Designs */
     
     .row-signature-designs {
        margin-top: 130px;
        padding: 50px 110px 10px 110px; 
     }
     
    .cupcake-sizes {
        margin: 0px;
    }
    
    .signature-designs-images {
       padding: 20px 35px 40px 35px; 
       align-items: center;
    }
    
    .signature-designs-images h2 {
        margin: 20px 22px 10px 22px;
    }
    
    .container-images-signature-designs {
        justify-content: center;
        padding: 10px 0px 0px 0px;
    }
    
    .signature-designs-photo img {
        width: 100%;
        height: auto;
    }
    
    .signature-designs-text {
        margin: 0px;
    }
    
    .signature-designs-info {
        padding: 0px 25px;
    }
    
    .container-cupcake-sizes {
        padding: 30px 0px 0px 0px;
    }
    
    /* Classic Themes */
     
     .row-classic-themes {
        margin-top: 130px;
        padding: 50px 45px 0px 45px; 
     }
     
    .classic-themes-images {
       padding: 20px 35px 40px 35px; 
       align-items: center;
    }
    
    .classic-themes-images h2 {
        margin: 40px 22px 10px 22px;
    }
    
    .container-images-classic-themes {
        justify-content: center;
        padding: 10px 0px 0px 0px;
    }
    
    .classic-themes-photo img {
        width: 100%;
        height: auto;
    }
    
    .classic-themes-text {
        margin: 0px;
    }
    
     /* Custom Themes */
     
     .row-custom-themes {
        margin-top: 130px;
        padding: 50px 50px 0px 50px; 
     }
     
    .custom-themes-images {
       padding: 20px 35px 40px 35px; 
       align-items: center;
    }
    
    .custom-themes-images h2 {
        margin: 40px 22px 10px 22px;
    }
    
    .container-images-custom-themes {
        justify-content: center;
        padding: 10px 0px 0px 0px;
    }
    
    .custom-themes-photo img {
        width: 100%;
        height: auto;
    }
    
    .custom-themes-text {
        margin: 0px;
    }
    
    /*Questions */

    .row-questions {
      margin-top: 130px;
      padding: 60px 10px 20px 15px;
    }
    
    .questions-info {
        margin: 0px 10px 0px 0px;
    }
    
    .content {
    width: 200px;
    }
    
    .questions-photo img {
        width: 100%;
        height: auto;
    }
    
    
    /* Jobs */
     
     .row-jobs {
         margin-top: 130px;
         padding: 50px 45px 50px 45px;
     }
     
     .jobs-text {
        margin: 0px 0px 0px 0px;
    }
    
     /* Philanthropy & Donations */

    .row-donations {
      margin-top: 130px;
      padding: 40px 20px 0px 20px;
    }
    
    .donations-text {
        margin: 0px;
    }
    
    .donations-photo img {
        width: 240px;
        height: auto;
    }
    
    /* Covid-19 Updates */
    .row-updates {
      margin-top: 130px;
      padding: 40px 20px 0px 20px;
    }
    
    .updates-text {
        margin: 0px;
    }
    
    .cupcake-stars img {
        width: 200px;
        height: auto;
    }
    
    /* Select Cupcake Flavors */
     
     .row-cupcake-flavors {
        margin-top: 130px;
        padding: 50px 110px 10px 110px; 
     }
     
     .cupcake-flavors-text {
        margin: 0px;
    }
     
      .cupcake-flavors-info {
        padding: 0px 25px;
    }
    
      .container-cupcake-sizes-cupcake-flavors {
        padding: 30px 0px 0px 0px;
    }
    
      .cupcake-sizes-cupcake-flavors {
        margin: 0px;
    }
    
      .cupcake-flavors-images {
       padding: 20px 35px 0px 35px; 
       align-items: center;
    }
    
    .container-flavor-image {
        width: 220px;
    }
    
    .three-sizes-image img {
        margin: 20px;
        width: 80%;
        height: auto;
    }
    
}


@media screen and (min-width: 321px) and (max-width: 767px) {

   /* Footer */
 
   .footer #left-footer {
     flex-direction: column;
     align-items: self-start;
   }
 
   .sections {
     flex-wrap: wrap;
     flex-direction: column;
     align-content: center;
     padding: 20px 0px;
   }

   .footer-left-sections {
      margin: 10px 10px 10px 0px;
   }

   .sibbys-logo-footer {
    margin: 10px 10px 10px 45px;
   }
 
    /* Landing Page */
 
    .row-one {
      margin-top: 140px;
      padding: 30px 20px;
   }
   
    .main-text {
     margin: 50px 0px 0px 0px;
     position: relative;
     justify-content: center;
   }

   .main-text img {
     width: 100%;
   }
   
   .main-image {
      width: 100%;
      height: 400px;
    }

   .row-two {
    padding: 0px;
   }

   .row-three {
    padding: 30px 0px 0px 0px;
   }
   
    .different-sizes {
      padding:0px 20px;
    }
   

   /* About Page */

    .row-about {
      margin-top: 130px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 30px 25px;
    }
    
    .sibby-photo img {
      display: flex;
      justify-content: center;
      margin: 0px;
      padding: 0px;
      width: 100%;
      height: auto;
    }
    
    .sibby-text {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin: 20px 30px 0px 30px;
      flex: 2 0 0%;
    }
    
    .row-our-story {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-evenly;
      align-items: center;
      padding: 10px 25px;
    }
    
    .our-story-text {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: left;
      order: -1;
      margin: 10px 30px;
      flex: 2 0 0%;
    }
    
    .our-story-image img {
      width: 100%;
      height: auto;
      padding: 0px;  
    }
    
    .press-text h2 {
      text-align: center;
    }
    
    .row-press {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-evenly;
      padding: 50px 35px 40px 35px;
    }
    
    .press-images {
      display: flex;
      flex-wrap: wrap;
      padding: 5px;
      justify-content: center;
      width: 600px;
      max-height: calc(4 * (251px + 10px)); /* Adjust the height as needed */
      overflow-y: auto;
    }
    
    .press-photo {
      display: flex;
      flex-wrap: wrap;
      margin: 5px;
    }
    
    .press-text {
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      align-items: center;
      text-align: left;
      margin: 5px 35px 5px 30px;
      flex: 2 0 0%;
    }
    
    /* Weddings */
    
    .row-weddings {
      margin-top: 130px;
      padding: 50px 10px 10px 10px;  
    }
    
    .weddings-cupcake-text li {
       font-size: 15px; 
    }
    
    .weddings-photo-quote {
      display: flex;
      flex-wrap: wrap;
      padding: 0px;
      justify-content: center;
      width: 250px;
      height: 250px;
    }
    
    .weddings-photo-quote p {
        padding: 5px;
        margin: 10px;
    }
    
    .weddings-images {
      display: flex;
      flex-wrap: wrap;
      padding: 5px 0px 50px 0px;
      justify-content: center;
    } 
    
     .weddings-images img {
      width: 250px;
      height: 250px;
    } 
    
    /* Contact */
    
    .row-contact {
    margin-top: 130px;
    padding: 40px 125px 30px 125px;
    }
    
    .contact-text {
    margin: 15px 30px 15px 30px;
    white-space:nowrap;
    }
    
    .contact-photo{
    width: 250px;
    height: auto;
    }
    
     /* Signature Designs */
     
     .row-signature-designs {
        margin-top: 130px;
        padding: 50px 64px 10px 64px;
     }
     
    .cupcake-sizes {
        margin: 0px;
    }
    
    .signature-designs-images {
       padding: 0px 25px 40px 25px; 
       align-items: center;
    }
    
    .signature-designs-images h2 {
        margin: 40px 22px 10px 22px;
    }
    
    .signature-designs-text {
        margin: 0px;
    }
    
    .container-images-signature-designs {
        justify-content: center;
        padding: 10px 0px 0px 0px;
    }
    
    .container-cupcake-sizes {
        padding: 30px 0px 0px 0px;
    }
    
    /* Classic Themes */
     
     .row-classic-themes {
        margin-top: 130px;
        padding: 50px 68px 10px 68px; 
     }
     
    .classic-themes-images {
       padding: 0px 25px 40px 25px; 
       align-items: center;
    }
    
    .classic-themes-images h2 {
        margin: 40px 22px 10px 22px;
    }
    
    .container-images-classic-themes {
        justify-content: center;
        padding: 10px 0px 0px 0px;
    }
    
    .classic-themes-text {
        margin: 0px;
    }
    
    /* Custom Themes */
     
     .row-custom-themes {
        margin-top: 130px;
        padding: 50px 70px 10px 70px; 
     }
     
    .custom-themes-images {
       padding: 0px 25px 40px 25px; 
       align-items: center;
    }
    
    .custom-themes-images h2 {
        margin: 40px 22px 10px 22px;
    }
    
    .container-images-custom-themes {
        justify-content: center;
        padding: 10px 0px 0px 0px;
    }
    
    .custom-themes-text {
        margin: 0px;
    }
    
    /*Questions */

    .row-questions {
      margin-top: 130px;
      padding: 60px 10px 20px 15px;
    }
    
    .questions-info {
        margin: 0px 10px 0px 0px;
    }
    
    .content {
    width: 280px;
    }
    
    .questions-photo img {
        width: 100%;
        height: auto;
    }
    
    
     /* Jobs */
     
     .row-jobs {
         margin-top: 130px;
         padding: 60px 50px 50px 50px;
     }
     
     .jobs-text {
        margin: 0px 0px 0px 0px;
    }
    
    /* Philanthropy & Donations */

    .row-donations {
      margin-top: 130px;
      padding: 60px 20px 0px 20px;
    }
    
    .donations-text {
        margin: 0px;
    }
    
    .donations-photo img {
        width: 240px;
        height: auto;
    }

    /* Covid-19 Updates */
    .row-updates {
      margin-top: 130px;
      padding: 70px 30px 0px 30px;
    }
    
    .updates-text {
        margin: 0px;
    }
    
    .cupcake-stars img {
        width: 250px;
        height: auto;
    }
    
    /* Select Cupcake Flavors */
     
     .row-cupcake-flavors {
        margin-top: 130px;
        padding: 50px 90px 10px 90px; 
     }
     
     .cupcake-flavors-text {
        margin: 0px;
    }
     
      .cupcake-flavors-info {
        padding: 0px;
    }
    
      .container-cupcake-sizes-cupcake-flavors {
        padding: 30px 0px 0px 0px;
    }
    
      .cupcake-sizes-cupcake-flavors {
        margin: 0px;
    }
    
      .cupcake-flavors-images {
       padding: 20px 35px 0px 35px; 
       align-items: center;
    }
    
    .add-to-box-btn a {
      width: 160px;  
    }
    
    .gallery {
        justify-content: center;
    }
    
    .three-sizes-image {
        margin: 20px;
        width: 250px;
        height: auto;
    }
 }


/* ============== Tablet ============== */


 @media screen and (min-width: 768px) and (max-width: 1025px) {

 
      .row-one {
        margin-top: 125px;
        padding: 35px 40px;
      }

      .row-two {
        padding: 20px 50px;
      }
      
      .row-three {
        margin: 0px 20px;
      }
    
      .main-text img {
        margin-top: 30px;
      }
      
      
      /* About */
      
      .row-about {
      margin-top: 165px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      padding: 0px 127px;
    }
    
    .sibby-photo img {
      padding: 0px;
      margin: 0px;
      width: 100%;
      height: auto;
    }
    
    .sibby-text {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin: 35px 5px 10px 5px;
      flex: 2 0 0%;
    }

    .row-our-story {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-evenly;
      align-items: center;
      padding: 40px 125px;
    }
    
    .our-story-text {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      order: -1;
      text-align: left;
      margin: 20px 20px 30px 20px;
      flex: 2 0 0%;
    }

    .press-text h2 {
      text-align: center;
    }
    
    .row-press {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      padding: 40px 90px 40px 90px;
    }

    .press-images {
      display: flex;
      flex-wrap: wrap;
      padding: 5px;
      justify-content: center;
      width: 600px;
      max-height: calc(4 * (251px + 10px)); /* Adjust the height as needed */
      overflow-y: auto;
    }
    
    .press-photo {
      display: flex;
      flex-wrap: wrap;
      margin: 5px;
    }

    .press-text {
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      align-items: center;
      text-align: left;
      margin: 35px 50px 5px 50px;
    
    }

    .press-quotes {
      align-content: flex-start;
    }

    /* Weddings */
    
    .row-weddings {
        margin-top: 130px;
    }

    .weddings-images {
    padding: 5px 8px 8px 8px;
    } 
    
    .weddings-cupcake-sizes img {
        width: 280px;
        height: auto;
        margin: 30px;
    }
    
    .weddings-cupcake-sizes p {
        margin: 0px 40px;
    }
    
 
    /* Contact */
    
    .row-contact {
        margin-top: 130px;
        padding: 40px 90px 30px 90px;
    }
    
    .contact-text {
    margin: 15px 30px 15px 30px; 
    white-space:nowrap;
    }
    
    .contact-photo{
    width: 250px;
    height: auto;
    }
    
    /* Signature Designs */
     
     .row-signature-designs {
        margin-top: 130px;
        padding: 50px 100px 0px 105px; 
     }
     
    .cupcake-sizes {
        margin: 0px;
    }
    
    .signature-designs-images {
       padding: 0px 25px 40px 95px;
    }
    
    .signature-designs-images h2 {
        margin: 40px 22px 10px 10px;
    }
    
    .container-images-signature-designs {
        justify-content: flex-start;
        padding: 10px 0px 0px 0px;
    }
    
    .signature-designs-text {
        margin: 15px 0px 15px 0px
    }
  
    #three-sizes {
       margin-top: 15px;
   }
   
   /* Classic Themes */
   
   .row-classic-themes {
       margin-top: 130px;
       padding: 50px 100px 10px 80px;
   }
   
   .classic-themes-images {
       padding: 0px 50px 10px 90px;
   }
   
   /* Custom Themes */
   
   .row-custom-themes {
       margin-top: 130px;
       padding: 50px 100px 10px 110px;
   }
   
   .custom-themes-images {
       padding: 0px 50px 10px 90px;
   }
   
    /* Questions */
      
      .row-questions {
         margin-top: 130px;
         padding: 90px 70px 90px 100px;
     }
   
    /* Jobs */
     
     .row-jobs {
         margin-top: 130px;
         padding: 80px 100px 280px 100px;
    }
     
     .jobs-text {
        margin: 0px 0px 0px 0px;
    }
    
    /* Philanthropy & Donations */

    .row-donations {
        margin-top: 130px;
        padding: 80px 60px 140px 60px;
    }
    
    .donations-text {
        margin: 0px 20px;
    }
    
    /* Covid-19 Updates */
    .row-updates {
      margin-top: 130px;
      padding: 90px 60px 0px 60px;
    }
    
    .updates-text {
        margin: 0px;
    }
    
    .cupcake-stars img {
        width: 350px;
        height: auto;
    }
    
    /* Select Cupcake Flavors */
     
     .row-cupcake-flavors {
        margin-top: 130px;
        padding: 50px 100px 0px 105px; 
     }
     
    .cupcake-sizes-cupcake-flavors {
        margin: 0px;
    }
    
    .cupcake-flavors-images {
       padding: 0px 25px 40px 95px;
    }
    
    .cupcake-flavors-images h2 {
        margin: 40px 22px 10px 10px;
    }
    
    .cupcake-flavors-text {
        margin: 15px 0px 15px 0px
    }
    
    .three-sizes-image {
        margin: 20px;
        width: 250px;
        height: auto;
    }

    
 }

 /*
============== Laptop ==============
*/

 @media screen and (min-width: 1026px) and (max-width: 1400px)  {
     
   /* Landing Page */

  .row-one {
    margin-top: 130px;
    flex-wrap: nowrap;
    padding: 30px 25px;
  }

  .row-two {
    flex-wrap: nowrap;
  }

  .flex-wrap{
    flex-wrap: nowrap;
  }

  .row-three {
    flex-wrap: nowrap;
  }
  
  /* About */
      
    .row-about {
      margin-top: 150px;
    }
    
    .sibby-photo img {
        width: 450px;
        height: auto;
    }
    
    .our-story-image img {
        width: 380px;
        height: auto;
    }
    
    .row-our-story {
       padding: 10px 80px 10px 200px ;
    }
    
      /* Weddings */
    
    .row-weddings {
        margin-top: 170px;
        padding:70px 60px 10px 60px;
    }
    
    .weddings-cupcake-sizes img {
        width: 250px;
        height: auto;
        margin: 30px;
    }
    
    /* Contact */
    
    .row-contact {
        margin-top: 80px;
    }
    
    /* Signature Designs */
     
     .row-signature-designs {
        margin: 80px 10px 0px 15px;
        padding: 160px 0px 10px 0px;
     }
     
     .signature-designs-images {
         padding: 20px 5px 10px 5px;
         margin-left: 20px;
     }
    
      /* Classic Themes */
      
       .row-classic-themes {
        margin: 80px 90px 0px 0px;
        padding: 160px 145px 5px 25px;

     }
     
     .classic-themes-images {
         padding: 5px 0px 40px 10px;
     }
     
     .container-images-classic-themes {
         margin-left: 20px;
     }
     
      /* Custom Themes */
      
       .row-custom-themes {
        margin: 80px 90px 0px 0px;
        padding: 160px 145px 5px 45px;
     }
     
     .custom-themes-images {
         padding: 5px 0px 40px 10px;
     }
     
     .container-images-custom-themes {
         margin-left: 15px;
     }
      
  /* Select Cupcake Flavors */
  
    .row-cupcake-flavors {
       margin:60px 10px 10px 20px;
       padding: 160px 0px 10px 0px;
   }
   
   .three-sizes-image {
        margin: 20px;
        width: 250px;
        height: auto;
    }
    
    .cupcake-flavors-images {
        margin-left: 40px;
        padding: 20px 5px 10px 0px;
    }
    
    
    /* Questions */

    .row-questions {
         margin-top: 60px;
   }
    
    /* Philanthropy & Donations */

    .row-donations {
         margin: 60px 0px 60px 0px;
   }
   
    /* Jobs */

    .row-jobs {
          margin: 60px 0px 152px 0px;
   }
    
    /* Covid-19 Updates */
    .row-updates {
       margin-top: 60px;
   }
  
 }
 
@media screen and (min-width: 1401px) and (max-width: 1656px) {
    
    /* Landing Page */
    
  .row-one {
    margin-top: 80px;
    padding: 100px 0px 0px 0px;
  }

 
  
  /* About */
  
   .row-about {
      margin-top: 40px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-evenly;
      align-items: center;
      padding: 120px 125px 0px 125px;
    }

    .sibby-photo {
      margin: 20px 0px;
    }

    .sibby-text {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin: 35px 75px;
      flex: 2 0 0%;
    }

    .row-our-story {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-evenly;
      align-items: center;
      padding: 10px 125px;
    }

    .our-story-text {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: left;
      margin: 135px;
      flex: 2 0 0%;
    }

    .press-text h2 {
      text-align: center;
    }

    .row-press {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-evenly;
      padding: 10px 125px 40px 125px;
    }

    .press-images {
      display: flex;
      flex-wrap: wrap;
      padding: 5px;
      justify-content: center;
      width: 600px;
      max-height: calc(4 * (251px + 10px)); /* Adjust the height as needed */
      overflow-y: auto;
    }

    .press-photo {
      display: flex;
      flex-wrap: wrap;
      margin: 5px;
    }

    .press-text {
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      align-items: center;
      text-align: left;
      margin: 5px 135px 5px 60px;
      flex: 2 0 0%;
    }

    .press-quotes {
      align-content: flex-start;
    }
    
      /* Wedding */

    .row-weddings {
      margin-top: 60px;
      padding: 170px 190px 30px 190px;
    } 
    
    .weddings-cupcake-sizes img {
        width: 250px;
        height: auto;
        margin: 30px;
    }
    
    .weddings-images {
        padding: 5px 60px 40px 60px;
    }
    
    
    /* Contact */
    .row-contact {
      margin-top: 60px;
    }
    
     /* Classic Themes */
     
     .row-classic-themes {
       margin: 80px 10px 0px 15px;
        padding: 160px 230px 10px 190px;
     }
     
     .classic-themes-images {
         padding: 20px 55px 10px 190px;
         margin-left: 20px;
     }
     
  
  .row-classic-themes p {
      width: 800px;
  }
  
   /* Custom Themes */
   
   .row-custom-themes {
      margin-top: 60px;
      padding: 160px 230px 10px 230px;
   }
   
    .custom-themes-images {
         padding: 20px 55px 10px 190px;
         margin-left: 20px;
     }
  
  .custom-themes-info p {
        width: 800px;
}

    /* Signature Designs */
     
     .row-signature-designs {
        margin: 80px 10px 0px 15px;
        padding: 160px 230px 10px 170px;
     }
     
     .signature-designs-images {
         padding: 20px 55px 10px 175px;
         margin-left: 20px;
     }
     
   
   
   /* Questions */
   .row-questions {
       margin-top: 60px;
   }
   
    /* Jobs */
      
    .row-jobs {
       margin-top: 80px;
       padding: 170px 180px 320px 180px
   }
   
    /* Philanthropy & Donations */
   .row-donations {
       margin-top: 60px;
   }
   
    /* Covid 19 Updates */
   .row-updates {
       margin-top: 60px;
   }
   
    
    /* Select Cupcake Flavors */

    .row-cupcake-flavors {
         margin-top: 60px;
        padding: 170px 230px 20px 190px;
    } 
    
    .cupcake-flavors-images {
        padding: 20px 55px 10px 170px;
        margin: 0px 0px 0px 40px;
    } 
    
    .three-sizes-image {
        margin: 20px;
        width: 250px;
        height: auto;
    }
  
 }
 
 
  /*
============== Desktop ==============
*/

@media screen and (min-width: 1657px) and (max-width: 2143px) {
    
    /* Landing Page */
  .row-one {
    margin-top: 80px;
    padding: 100px 0px 0px 0px;
  }

  /* About */
   .row-about {
      margin-top: 40px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-evenly;
      align-items: center;
      padding: 120px 125px 0px 125px;
   }

    .sibby-photo {
      margin: 20px 0px;
    }

    .sibby-text {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin: 35px 75px;
      flex: 2 0 0%;
    }

    .row-our-story {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-evenly;
      align-items: center;
      padding: 10px 125px;
    }

    .our-story-text {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: left;
      margin: 135px;
      flex: 2 0 0%;
    }

    .press-text h2 {
      text-align: center;
    }

    .row-press {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-evenly;
      padding: 10px 125px 40px 125px;
    }

    .press-images {
      display: flex;
      flex-wrap: wrap;
      padding: 5px;
      justify-content: center;
      width: 600px;
      max-height: calc(4 * (251px + 10px)); /* Adjust the height as needed */
      overflow-y: auto;
    }

    .press-photo {
      display: flex;
      flex-wrap: wrap;
      margin: 5px;
    }

    .press-text {
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      align-items: center;
      text-align: left;
      margin: 5px 135px 5px 60px;
      flex: 2 0 0%;
    }

    .press-quotes {
      align-content: flex-start;
    }
    
      /* Wedding */

    .row-weddings {
      margin-top: 60px;
      padding: 170px 120px 30px 120px;
    } 
    
    .weddings-cupcake-sizes img {
        width: 250px;
        height: auto;
        margin: 30px;
    }
    
    
    /* Contact */
    .row-contact {
      margin-top: 60px;
    }
    
     /* Classic Themes */
     
     .row-classic-themes {
      padding: 160px 300px 10px 315px;
       margin-top: 60px;
     }
     
     .classic-themes-images {
       padding: 20px 225px 10px 325px;
   }
  
  .row-classic-themes p {
      width: 800px;
  }
  
   /* Custom Themes */
   
   .row-custom-themes {
      padding: 160px 300px 10px 345px;
      margin-top: 60px;
   }
   
   .custom-themes-images {
       padding: 20px 225px 10px 325px;
   }
  
  .custom-themes-info p {
        width: 800px;
  }

    /* Signature Designs */
    .row-signature-designs {
      padding: 160px 300px 10px 315px;
      margin-top: 60px;
   }
   
   .signature-designs-images {
       padding: 20px 225px 10px 325px;
   }
   
   
   /* Questions */
   .row-questions {
       margin-top: 60px;
   }
   
    /* Jobs */
      
    .row-jobs {
       margin-top: 80px;
       padding: 170px 180px 320px 180px
   }
   
    /* Philanthropy & Donations */
   .row-donations {
       margin-top: 60px;
   }
   
    /* Covid 19 Updates */
   .row-updates {
       margin-top: 60px;
   }
   
    
    /* Select Cupcake Flavors */

    .row-cupcake-flavors {
         margin-top: 60px;
        padding: 170px 330px 20px 280px;
    } 
    
    .cupcake-flavors-images {
        padding: 20px 225px 10px 200px;
        margin: 0px 80px 0px 100px;
    } 
    
    .three-sizes-image {
        margin: 20px;
        width: 250px;
        height: auto;
    }
 }

 @media screen and (min-width: 2144px){

  .row-one {
    padding: 120px 0px 0px 0px;
  }
  
  /* About */
  
  .row-about {
       margin-top: 60px;
      padding: 120px 650px 20px 650px;
    }
    
  .row-our-story {
     display: flex;
     flex-wrap: wrap;
     padding: 10px 650px; 
   }
    
    .row-press {
      padding: 10px 650px;   
    }
    
    
    /* Wedding */

    .row-weddings {
         margin-top: 60px;
    padding: 170px 665px 20px 665px;
    } 
    
    .weddings-images {
     padding: 0px 535px 60px 535px;
    } 

    /* Signature Designs */

    .row-signature-designs {
        margin-top: 60px;
    padding: 170px 380px 20px 580px;
    } 
    
    .signature-designs-images {
     padding: 0px 350px 60px 550px;
     margin: 0px 0px 0px 40px;
    } 
    
    /* Classic Themes */

    .row-classic-themes {
        margin-top: 60px;
    padding: 170px 380px 20px 580px;
    } 
    
    .classic-themes-images {
     padding: 0px 350px 60px 550px;
     margin: 0px 0px 0px 40px;
    } 

    .row-classic-themes p {
      width: 800px;
    }
  
    /* Custom Themes */

    .row-custom-themes {
         margin-top: 60px;
   padding: 170px 380px 20px 610px;
    } 
    
    .custom-themes-images {
      padding: 0px 350px 60px 550px;
     margin: 0px 0px 0px 40px;
    } 

    .row-custom-themes p {
      width: 800px;
    }
  
   /* Contact */

    .row-contact {
         margin-top: 60px;
    padding: 170px 695px 100px 680px;
    }
    
    /* Questions */

    .row-questions {
         margin-top: 60px;
      padding: 180px 420px 100px 720px;
    }
    
    /* Philanthropy & Donations */

    .row-donations {
         margin-top: 60px;
       margin-top: 130px; 
      padding: 200px 720px 240px 720px;
    }
    
    /* Jobs */
     
     .row-jobs {
          margin-top: 60px;
         padding: 250px 750px 460px 750px;
     }
     
     .jobs-text {
        margin: 0px 0px 0px 0px;
    }
    
    /* Select Cupcake Flavors */

    .row-cupcake-flavors {
         margin-top: 60px;
    padding: 170px 380px 20px 570px;
    } 
    
    .cupcake-flavors-images {
     padding: 0px 350px 60px 550px;
     margin: 0px 0px 0px 40px;
    } 
    
    .three-sizes-image {
        margin: 20px;
        width: 250px;
        height: auto;
    }
 }