body {
             background-color: #7a7a7a62;
         }

         .navbar {
            background-color: #9fa197 !important;
        }
    .logo{
        width: 80px;
        height: auto;

    }

         .telefone-info {
             font-size: 0.8rem;
         }
         .carousel-inner img {
          width: 100%;
          height: auto;
      }
      
      .carousel {
          max-width: 100%;
      }
         .responsive {
            padding: 6px;
            float: left;
            width: 24.99999%; /* para que haja 4 fotos por linha */
          }
          
          .gallery {
            border: 1px solid #ccc;
            margin: 5px;
            overflow: hidden;
            background-color: #f1f1f1;
          }
          
          .gallery img {
            width: 100%;
            height: auto;
          }
          
          .desc {
            padding: 15px;
            text-align: center;
            background-color: #000;
            color: white;
            opacity: 0.7;
            transition: opacity 0.5s;
          }
          
          .desc:hover {
            opacity: 0.9;
          }
          
          /* Estilos para a imagem do marinheiro */
          .imagemmarinheiro {
            text-align: center;
            margin-top: 20px;
          }
          
          .imagemmarinheiro img {
            max-width: 100%;
            height: auto;
          }
          
          /* Estilos para a seção de vídeos */
          h3 {
            text-align: center;
            margin: 20px 0;
          }
          
          /* Estilos para a galeria dinâmica */
          .gallery20 {
            border: 1px solid #ccc;
            margin: 10px;
            overflow: hidden;
            background-color: #f1f1f1;
          }
          
          .gallery20 img {
            width: 100%;
            height: auto;
          }
          
          /* Responsividade para as colunas */
          @media (max-width: 768px) {
            .responsive {
              width: 49.99999%; /* para 2 fotos por linha em telas menores */
            }
          }
          
          @media (max-width: 576px) {
            .responsive {
              width: 100%; /* para 1 foto por linha em telas ainda menores */
            }
          }

         .clearfix:after {
             content: "";
             display: table;
             clear: both;
         }

         .text-center {
             text-align: center;
         }
    .gallery20 {
  margin: 5px;
 overflow: hidden;
 border: 1px solid #ccc;
        }

        .gallery20:hover {
            border: 1px solid #777;
        }

        .gallery20 img {
            width: 100%;
            height: auto;
        }

        .mapa {
            margin-top: 20px;
            margin-left: 15px;
        }

        .iframe {
            width: 200%;
            height: 300px; 
            margin-top: 5px
        }

        .linha {
            border: 2px solid black; 
            width: 580px; 
            margin-top: -456px; 
            margin-left: 620px; 
        }
     
       .enviemensagem{

        font-size: 19px;
            margin-left: 720px;
            
            margin-top: 50px;
            font-weight: bold;
}
.email {
    float: right;
}

.contact-form-container {
    float: right;
}
.title {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
}

.quemsomos {
    font-size: 1.4rem;
    font-weight: normal;
    text-align: justify;
    margin: 20px 30px;
}

.custom-border {
    border: 1px solid black; /* Cor e estilo da borda */
    margin-left: 10px; /* Margem à esquerda de 10px */
}