@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-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: 50%;
    }
  
  }
  
  @media all and (max-width:900px) {
  
    .aboutus-img {
      display: none;
    }
  
    .aboutus-content {
      width: 100%;
      padding-left: 0px;
    }
  
    .whatwedo-content,
    .whatwedo-edge {
      width: 100%;
    }
  
    .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: 50px;
    }
  
    .single-edge {
      width: 50%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      text-align: center;
    }
  
    .single-edge .edge-content {
      width: 100%;
      padding: 10px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
  
    .wrapper-pricing article {
      width: 100%;
      margin: 0px 0px 10px 0px;
      padding: 10px;
    }
  
    .wrapper-services article,
    .wrapper-obituaries article {
      width: calc(50% - 20px);
      margin: 10px;
    }
  
  }
  
  @media all and (max-width:600px) {
  
    .wrapper-services article,
    .wrapper-obituaries article {
      width: calc(100% - 20px);
      margin: 10px;
    }
  
    .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;
    }
  }