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

    #navigation {
      position: fixed;
      top: 0;
      left: -320px;
      bottom: 0;
      height: 100vh;
      background-color: var(--bg-dark);
      width: 320px;
      padding: 20px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      overflow: auto;
    }
     
    .menu li {
      float: none;
      margin-left: 0px;
      margin-bottom: 20px;
   }
  
   #openmenu,
   #closemenu {
      display: inline-block;
   }
  
   #closemenu {
      float: right;
   }

   .menu {
      clear: both;
      padding-top: 40px;
   }
  
   .aboutus-img,
   .aboutus-content,
   .wrapper-services aside,
   .services-content,
   .wrapper-contact  {
      width: 100%;
  }

  .aboutus-img {
      margin-bottom: 50px;
  }

  .aboutus-content {
      padding-left: 0px;
  }
  
  .wrapp-experience {
      left: 0px;
  }
  
  .single-edge,
  .single-service {
      width: calc(50% - 20px);
  }
  
  .wrapper-services aside,
  .wrapper-contact {
      padding-right: 0px;
  }
  
  .wrapper-pricing {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
  }

  .single-pricing {
      width: calc(50% - 40px);
      margin: 20px;
  }
  
  .wrapper-form {
      width: 100%;
  }

  .wrapper-contact {
      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-pack: distribute;
          justify-content: space-around;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  }

  .single-address {
      width: 50%;
      padding: 20px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
  }

  }


  @media all and (max-width:650px) {
  
      .single-edge, .single-service {
          width: calc(100% - 20px);
      }

      .single-pricing {
          width: calc(100% - 40px);
      }

      .single-address {
          width: 100%;
          margin-bottom: 20px;
          text-align: center;
      }

      .wrapper-contact {
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
      }

      .wrapper-input input {
          width:100%;
      }

      h1 {
          font-size: 60px;
      }

      h2 {
          font-size: 40px;
      }
      
  }