.contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 5rem;
    gap: 3rem;
    background-color: #f4f4f3;

  }
  
  .contact-text {
    width: 800px;
  
    > h2 {
      margin-bottom: 20px;
    }

    > h2 {
      color: #e76012;
    }
  
    > p {
      color: #6f6e6e;
    }
  
    @media only screen and (min-width: 900px) and (max-width: 1200px) {
      width: 600px;
    }
  
    @media only screen and (min-width: 600px) and (max-width: 900px) {
      width: 500px;
    }
  
    @media only screen and (max-width: 600px) {
      width: 300px;
    }
  }
  
  .btn {
    width: 800px;
    display: flex;
    justify-content: center;
    gap: 2rem;
  
    > button {
      height: 45px;
      border-radius: 8px;
      font-size: 1rem;
      font-weight: 600;
      cursor: pointer;
    }
  
    @media only screen and (min-width: 900px) and (max-width: 1200px) {
      > button {
        height: 45px;
      }
    }
  
    @media only screen and (max-width: 600px) {
      > button {
        height: 40px;
      }
    }
  
    > .contact-btn {
      width: 200px;
      background-color: #e76012;
      color: #fff;
      border: none;
      transition: 0.6s;
  
      @media only screen and (min-width: 900px) and (max-width: 1200px) {
        > span {
          font-size: 0.9rem;
        }
        width: 230px;
      }
  
      @media only screen and (max-width: 600px) {
        > span {
          font-size: 0.9rem;
        }
        width: 200px;
      }
  
      > a {
          > span {
              color: #fff;
          }
      }
    }
  
  }