#contact .container {
      display: flex;
      flex-wrap: wrap;
      max-width: 1000px;
      margin: 40px auto;
      background-color: #2a2a2a;
      border-radius: 8px;
      box-shadow: 0 0 20px rgba(0,0,0,0.4);
      overflow: hidden;
    }
     #contact .form-section, .info-section {
      flex: 1;
      padding: 30px;
      box-sizing: border-box;
      min-width: 300px;
	  text-align: left;
    }
    #contact .form-section {
     /* border-right: 1px solid #444;*/
	 text-align: left;
    }
     #contact label {
      display: block;
      margin-bottom: 8px;
      /*font-weight: bold;*/
    }
     #contact input[type="text"], input[type="email"], textarea {
      width: 100%;
      padding: 10px;
      margin-bottom: 5px;
      border: 2px solid transparent;
      border-radius: 4px;
      background-color: #3a3a3a;
      color: #fff;
      font-size: 1em;
      transition: border-color 0.3s;
    }
     #contact input:focus, textarea:focus {
      border-color: #5b9bd5;
      outline: none;
    }
     #contact .error input, .error textarea {
      border-color: #ff4d4d;
    }
     #contact .error-message {
      color: #ff4d4d;
      font-size: 0.9em;
      margin-bottom: 10px;
    }
     #contact textarea {
      resize: vertical;
      min-height: 100px;
    }
     #contact button {
      background-color: #5b9bd5;
      color: #fff;
      padding: 10px 20px;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      transition: background-color 0.3s;
      margin-right: 10px;
    }
     
	#contact button .reset {
     
      color: #000;
      /*padding: 10px 20px;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      transition: background-color 0.3s;
      margin-right: 10px;*/
    }
	 
	 #contact button:hover {
      background-color: #4a89c9;
    }
     #contact .success-message {
      background-color: #4CAF50;
      color: #fff;
      padding: 15px 20px;
      border-radius: 4px;
      margin-bottom: 20px;
      font-weight: bold;
    }
    @media (max-width: 700px) {
      #contact .container { flex-direction: column; }
      .form-section { border-right: none; border-bottom: 1px solid #444; }
    }