* {
      margin: 0;
      padding: 0;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      font-family: 'Roboto', sans-serif;
      background-color: #f5f7fa;
      color: black;
    }

    header {
      background-color: #04310e;
      color: white;
      padding: 20px 0;
      text-align: center;
    }

    header img {
      height: 50px;
      margin-bottom: 10px;
    }

    nav {
      background-color: #333;
      display: flex;
      justify-content: center;
      gap: 20px;
      padding: 10px 0;
      position: sticky;
      top: 0;
      z-index: 10;
    }

    nav a {
      color: white;
      text-decoration: none;
      font-weight: 600;
      padding: 5px 10px;
    }

    nav a:hover {
      background-color: rgba(255, 255, 255, 0.1);
      border-radius: 5px;
    }

   .quemsomos {
      background-color: #333;
   } 

   .quemsomos {
      width: 100%;
      height: 600px;
      background-image: url('../imagens/quem-somos.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      background-position-y: -200px;
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .quemsomos .parte2 {
      font-size: 50px;
      color: #f5f7fa;
   }

    .section1 {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
    }

    .section2 {
      display: flex;
      justify-content: center;
      background-color: #04310e;
      color: white;
      width: 100%;
    }

    .conteudo {
      width: 70%;
      text-align: justify;
      font-size: 23px;
      display: flex; 
      flex-direction: column; 
      justify-content: center;
      row-gap: 20px;  
      padding: 100px 0 100px 0;
    }    

    footer {
      background-color: #333;
      color: white;
      text-align: center;
      padding: 30px 10px;
      margin-top: 40px;
    }   
    
    .partner-logo {
      max-width: 200px;
      max-height: 150px;
      object-fit: contain;
    }
    .card {
      border: none;
      transition: transform 0.3s ease;
    }
    .card:hover {
      transform: scale(1.05);
    }