@media all and (max-width:1100px) {

    #nav {
      display: block;
      width: 320px;
      background-color: var(--color-dark-blue);
      position: fixed;
      top: 0;
      left: -320px;
      bottom: 0;
      height: 100vh;
      padding: 20px 30px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      overflow: auto;
    }
  
    #openmenu,
    #closemenu {
      display: inline-block;
    }

    .wrapper-header > .mobile-header-actions {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 18px;
    }

    #nav > .language-switcher {
      display: none;
    }

    .mobile-language-switcher {
      display: block;
      margin-left: 0;
    }
  
    .wrapper-header-phone {
      display: none;
    }
  
    .wrapper-header {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  
    .menu {
      clear: both;
    }
  
    .menu li {
      float: none;
      margin-left: 0px;
      margin-bottom: 20px;
    }
  
    .wrapper-contact>div {
      width: calc(50% - 20px);
    }
  
  }
  
  @media all and (max-width:900px) {
  
    .aboutus-img {
      display: block;
      width: 100%;
      margin-bottom: 38px;
    }

    .aboutus-img > img:first-child {
      display: none;
    }

    .aboutus-img .aboutus-small-img {
      position: static;
      width: 100%;
      max-width: 420px;
      height: auto;
      margin: 0 auto;
      border-width: 8px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
  
    .aboutus-content {
      width: 100%;
      padding-left: 0px;
    }
  
    .whatwedo-content,
    .whatwedo-edge {
      width: 100%;
    }

    .whatwedo-content {
      padding-right: 0;
    }

    .whatwedo-edge {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      margin-top: 34px;
    }
  
    .single-edge {
      width: 33.333%;
      padding: 18px 14px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      text-align: center;
    }

    .single-edge .counter {
      width: 100%;
      padding: 0;
    }
  
    .single-edge .edge-content {
      width: 100%;
      padding: 8px 0 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
  
    .pricing-package,
    .review-card,
    .wrapper-pricing article {
      width: 100%;
      margin: 0px 0px 10px 0px;
    }

    .wrapper-pricing article {
      padding: 10px;
    }

    .pricing-package,
    .review-card {
      min-height: 0;
      margin-bottom: 20px;
    }

    .pricing-package h3 {
      min-height: 0;
    }

    .farewell-options article {
      width: 100%;
      padding: 28px 20px;
    }

    .farewell-options article + article {
      border-top: 1px solid rgba(213, 160, 33, 0.42);
      border-left: 0;
    }

    .wrapper-services article,
    .wrapper-obituaries article {
      width: calc(50% - 20px);
      margin: 10px;
    }
  
  }
  
  @media all and (max-width:600px) {

    .pricing-title {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      gap: 8px;
    }

    .pricing-title h3 {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      min-width: 0;
      font-size: 20px;
      line-height: 1.15;
    }

    .pricing-title .price {
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      gap: 3px;
      padding-top: 2px;
    }

    .pricing-title .price-prefix,
    .pricing-title .price-currency {
      font-size: 12px;
    }

    .pricing-title .price-value {
      font-size: 20px;
    }

    .choice-notice {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      gap: 12px;
      padding: 22px 20px;
    }

    #whatwedo .choice-notice h3,
    .choice-notice-copy {
      width: 100%;
    }

    #whatwedo .choice-notice h3 {
      font-size: 24px;
    }
  
    body {
      padding-bottom: 74px;
    }

    .wrapper-header-img {
      background-image: none;
      background-position: center top;
      background-attachment: scroll;
      min-height: 100vh;
      height: auto;
      padding: 120px 0 130px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }

    .wrapper-header-img::before {
      background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(5, 13, 21, 0.56)), to(rgba(5, 13, 21, 0.84)));
      background-image: -o-linear-gradient(rgba(5, 13, 21, 0.56), rgba(5, 13, 21, 0.84));
      background-image: linear-gradient(rgba(5, 13, 21, 0.56), rgba(5, 13, 21, 0.84));
      background-color: transparent;
    }

    .hero-mobile-bg {
      display: block;
      position: absolute;
      inset: 0;
      z-index: 0;
    }

    .hero-mobile-bg img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center top;
      object-position: center top;
    }

    .wrapper-header-content {
      margin-top: auto;
    }

    .wrapper-header-content h1 {
      font-size: 40px;
      line-height: 1.08;
    }

    #whatwedo h2 {
      font-size: 38px;
      line-height: 1.08;
    }

    #farewell-formats h2 {
      font-size: 38px;
      line-height: 1.08;
    }

    .wrapper-header-content p {
      font-size: 15px;
    }

    .hero-points {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 8px;
    }

    .hero-points span {
      width: 100%;
      max-width: 300px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }

    .mobile-contact-bar {
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1200;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 8px;
      padding: 10px 12px;
      background-color: rgba(5, 13, 21, 0.96);
      -webkit-box-shadow: 0 -10px 30px rgb(0 0 0 / 25%);
      box-shadow: 0 -10px 30px rgb(0 0 0 / 25%);
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }

    .mobile-contact-bar a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background-color: rgba(255, 255, 255, 0.08);
      color: var(--color-white);
      font-size: 25px;
    }

    .mobile-contact-bar .mobile-call {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      width: auto;
      border-radius: 3px;
      gap: 8px;
      background-color: var(--color-dark-gold);
      font-size: 14px;
      font-weight: 900;
      letter-spacing: 0.5px;
    }

    #scroll-top {
      display: none !important;
    }
  
    .wrapper-services article,
    .wrapper-obituaries article {
      width: calc(100% - 20px);
      margin: 10px;
    }

    .pricing-package,
    .review-card {
      padding: 25px 22px;
    }

    .package-price {
      font-size: 27px;
    }

    .review-heading {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
    }

    .reviews-cta .btn {
      max-width: 100%;
      padding-right: 20px;
      padding-left: 20px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      letter-spacing: 1px;
    }

    .single-edge,
    .wrapper-contact>div {
      width: 100%;
    }
  
    .single-edge .counter {
      width: 100%;
      padding: 10px;
    }
  
  }
  
  @media all and (max-width:400px) {
    h1 {
      font-size: 50px;
    }
  
    h2 {
      font-size: 35px;
    }
  
    .wrapper-services article h3 {
      font-size: 25px;
    }
  
    .single-edge .counter p {
      font-size: 35px;
    }
  }