@font-face {
      font-family: 'albert';
      src: url(../font/Albert_Sans/AlbertSans-VariableFont_wght.ttf);
    }
    * {
      box-sizing: border-box;
    }
    body {
      font-family: 'albert', 'Open Sans', sans-serif;
      margin: 0;
      padding: 0;
      background: #fff;
      color: #392617;
      line-height: 1.6;
    }
    textarea:focus,
    input:focus {
      box-shadow: none;
      outline: none;
    }


    .quem-somos {
     
      background-color: #7e0000;
      background-size: cover;
      background-position: center;
      padding: 5% 0;
      text-align: center;
    }


    
   .participe h2 {
    margin-top: -2rem;
      color: #ddc7a4;
      font-size: 3.5rem;
      margin-bottom: 10px;
      font-weight: 600;
    }

    .particiope .divisoria {
      max-width: 250px;
      margin: 0 auto;
    }


    /* CONTATE-NOS */
    .contate-nos {
      background-color: #f9f9f9;
      padding: 1% 0;
      margin-top: 3rem;
    }

    .contato-lista {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      list-style: none;
      padding: 0;
      margin: 0;
      gap: 2rem;
    }

    .contato-info {
      width: 100%;
      max-width: 45%;
    }

    .contato-info h3 {
      font-size: 40px;
      color: #392617;
      margin-bottom: 20px;
    }

    .formulario {
      width: 100%;
      max-width: 45%;
    }

    .form-container p {
      font-size: 18px;
      margin-bottom: 20px;
      line-height: 1.5;
    }

    .input-nome,
    .input-email,
    .input-telefone,
    textarea {
      width: 100%;
      height: 45px;
      border-radius: 10px;
      border: 1px solid #888;
      padding: 10px;
      margin-top: 15px;
      font-size: 16px;
    }

    textarea {
      height: 120px;
      resize: vertical;
    }

    .btn-submit {
      background-color: #f4b342;
      color: white;
      border: none;
      padding: 12px 25px;
      font-weight: bold;
      cursor: pointer;
      font-size: 16px;
      border-radius: 4px;
      margin-top: 20px;
    }

    .btn-submit:hover {
      background-color: #e0a432;
    }

    /* ====================== */
    /* MEDIA QUERIES */
    /* ====================== */

    /* Tablets (<= 1024px) */
    @media (max-width: 1024px) {
      .participe h2 {
        font-size: 48px;
      }

      .texto-participe {
        font-size: 1.3rem;
      }

      .contato-info,
      .formulario {
        max-width: 80%;
      }

      .contato-lista {
        flex-direction: column;
        align-items: center;
      }

      .divisoria-img {
        max-width: 70%;
      }
    }

    /* Celulares (<= 768px) */
    @media (max-width: 768px) {
      .participe h2 {
        font-size: 36px;
      }

      .texto-participe {
        font-size: 1.1rem;
      }

      .contato-info h3 {
        font-size: 28px;
      }

      .input-nome,
      .input-email,
      .input-telefone,
      textarea {
        font-size: 15px;
      }

      .btn-submit {
        width: 100%;
      }
    }

    /* Celulares pequenos (<= 480px) */
    @media (max-width: 480px) {
      .participe h2 {
        font-size: 28px;
      }

      .texto-participe {
        font-size: 1rem;
      }

      .divisoria-img {
        max-width: 90%;
      }

      .contato-info h3 {
        font-size: 24px;
      }

      .form-container p {
        font-size: 16px;
      }
    }