@media (max-width: 399px) {
  .botao-customizado2{
    background-color: #FFFFFF;
    color: #007580;
    border: 2px solid #007580;
    border-radius: 50px;
    padding: 10px 0px;
    font-size: 15px;
    cursor: pointer;
    width: 10rem;
}
  .margin-img{
    margin-top: -30rem;
  }
  .text-1{
    color: white; 
    padding-top: 5%; 
    font-size: 1rem;
  }
  .text-2{
    color: #fdc610; 
    font-size: 1.5rem;
  }
  .text-3{
    color: white; 
    font-size: 1.5rem;
  }
  .text-4{
    color: #fdc610; 
    font-size: 2rem;
  }
  .text-5{
    color: white; 
    font-size: 1rem;
  }
  .text-6{
    color: white; 
    font-size: 1rem;
  }
  .text-7{
    color: white; 
    font-size: 1rem;
  }
  .text-8{
    color: white; 
    font-size: 2rem;
  }
  .padding-1{
    padding: 50px 50px 50px 50px;
  }
  .padding-2{
    background-color:#de3312; 
    padding: 2rem 2rem 0rem 2rem;
  }
  .padding-3{
    padding:2%;
  }
  .padding-4{
    padding-right: 0.5rem;
  }
  .logo-kikito-footer{
    width: 75%;
  }
  .logo-museu{
    width: 75%; 
  }
  .logo-kikito{
    width: 25%;
  }
  .botao-semi-circulo {
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-bottom-left-radius: 100px;
    border-bottom-right-radius:100px;
    overflow: hidden;
    text-align: center;
}
a:hover{
  color:#ffffff !important;
  text-decoration: none !important;  
}
.botao-semi-circulo2 {
    position: absolute;
    bottom: 0; /* Alterado de 'top: 0' para 'bottom: 0' */
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-top-left-radius: 100px; /* Alterado de 'border-bottom-left-radius' para 'border-top-left-radius' */
    border-top-right-radius: 100px; /* Alterado de 'border-bottom-right-radius' para 'border-top-right-radius' */
    overflow: hidden;
    text-align: center;
}
.botao-semi-circulo a {
    display: block;
    padding-top: 1rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none !important;
}
.botao-semi-circulo2 a {
    display: block;
    padding-top: 2rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none;
}
.navbar{
  padding: 0rem 1rem 0rem 1rem !important;
}
.active{
  border-bottom: 4px solid #007580;
  color:#5b2a14 !important;
}
.social-icon {
      display: inline-flex; /* Usando flexbox para centralizar vertical e horizontalmente */
      justify-content: center; /* Centraliza horizontalmente */
      align-items: center; /* Centraliza verticalmente */
      width: 50px; /* Ajuste o tamanho conforme necessário */
      height: 50px; /* Ajuste o tamanho conforme necessário */
      border: 2px solid #FFF; /* Cor e largura da borda */
      border-radius: 50%; /* Para tornar a borda redonda */
      overflow: hidden; /* Para esconder a parte interna */
      margin-right: 10px; /* Espaçamento entre os ícones */
    }

    .social-icon i {
      font-size: 24px; /* Ajuste o tamanho do ícone conforme necessário */
      color: #FFF; /* Cor do ícone */
    }
    .social-icon.facebook:hover {
      border-color: #0511fa; /* Azul da borda do Facebook */
    }

    .social-icon.facebook:hover i {
      color: #0511fa; /* Azul do ícone do Facebook */
    }

    .social-icon.instagram:hover {
      border-color: #f542b0; 
    }

    .social-icon.instagram:hover i {
      color: #f542b0;
    }

    .social-icon.whatsapp:hover {
      border-color: #05fa36; /* Verde da borda do Whatsapp */
    }

    .social-icon.whatsapp:hover i {
      color: #05fa36; /* Verde do ícone do Whatsapp */
    }
    .background-section1{
      background-image: url(img/Header.gif);
      background-size: cover;
      background-repeat: no-repeat;
      height: 224px;
    }
    .botao-customizado {
      background-color: #FFFFFF;
      color: #007580;
      border: 2px solid #FFFFFF;
      border-radius: 50px;
      padding: 10px 0px;
      font-size: 22px;
      cursor: pointer;
      width: 16rem;
  }
  .botao-customizado:hover {
    background-color: #FFFFFF; /* Altera a cor de fundo ao passar o mouse */
    color: #007580; /* Altera a cor do texto ao passar o mouse */
}
}
@media (min-width: 400px) and  (max-width: 499px){
  .botao-customizado2{
    background-color: #FFFFFF;
    color: #007580;
    border: 2px solid #007580;
    border-radius: 50px;
    padding: 10px 0px;
    font-size: 15px;
    cursor: pointer;
    width: 10rem;
}
  .margin-img{
    margin-top: -30rem;
  }
  .text-1{
    color: white; 
    padding-top: 5%; 
    font-size: 1rem;
  }
  .text-2{
    color: #fdc610; 
    font-size: 1.5rem;
  }
  .text-3{
    color: white; 
    font-size: 1.5rem;
  }
  .text-4{
    color: #fdc610; 
    font-size: 2rem;
  }
  .text-5{
    color: white; 
    font-size: 1rem;
  }
  .text-6{
    color: white; 
    font-size: 1rem;
  }
  .text-7{
    color: white; 
    font-size: 1rem;
  }
  .text-8{
    color: white; 
    font-size: 2rem;
  }
  .padding-1{
    padding: 50px 50px 50px 50px;
  }
  .padding-2{
    background-color:#de3312; 
    padding: 2rem 2rem 0rem 2rem;
  }
  .padding-3{
    padding:2%;
  }
  .padding-4{
    padding-right: 0.5rem;
  }
  .logo-kikito-footer{
    width: 60%;
  }
  .logo-museu{
    width: 60%; 
  }
  .logo-kikito{
    width: 25%;
  }
  .botao-semi-circulo {
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-bottom-left-radius: 100px;
    border-bottom-right-radius:100px;
    overflow: hidden;
    text-align: center;
}
a:hover{
  color:#ffffff !important;
  text-decoration: none !important;  
}
.botao-semi-circulo2 {
    position: absolute;
    bottom: 0; /* Alterado de 'top: 0' para 'bottom: 0' */
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-top-left-radius: 100px; /* Alterado de 'border-bottom-left-radius' para 'border-top-left-radius' */
    border-top-right-radius: 100px; /* Alterado de 'border-bottom-right-radius' para 'border-top-right-radius' */
    overflow: hidden;
    text-align: center;
}
.botao-semi-circulo a {
    display: block;
    padding-top: 1rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none !important;
}
.botao-semi-circulo2 a {
    display: block;
    padding-top: 2rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none;
}
.navbar{
  padding: 0rem 1rem 0rem 1rem !important;
}
.active{
  border-bottom: 4px solid #007580;
  color:#5b2a14 !important;
}
.social-icon {
      display: inline-flex; /* Usando flexbox para centralizar vertical e horizontalmente */
      justify-content: center; /* Centraliza horizontalmente */
      align-items: center; /* Centraliza verticalmente */
      width: 50px; /* Ajuste o tamanho conforme necessário */
      height: 50px; /* Ajuste o tamanho conforme necessário */
      border: 2px solid #FFF; /* Cor e largura da borda */
      border-radius: 50%; /* Para tornar a borda redonda */
      overflow: hidden; /* Para esconder a parte interna */
      margin-right: 10px; /* Espaçamento entre os ícones */
    }

    .social-icon i {
      font-size: 24px; /* Ajuste o tamanho do ícone conforme necessário */
      color: #FFF; /* Cor do ícone */
    }
    .social-icon.facebook:hover {
      border-color: #0511fa; /* Azul da borda do Facebook */
    }

    .social-icon.facebook:hover i {
      color: #0511fa; /* Azul do ícone do Facebook */
    }

    .social-icon.instagram:hover {
      border-color: #f542b0; 
    }

    .social-icon.instagram:hover i {
      color: #f542b0;
    }

    .social-icon.whatsapp:hover {
      border-color: #05fa36; /* Verde da borda do Whatsapp */
    }

    .social-icon.whatsapp:hover i {
      color: #05fa36; /* Verde do ícone do Whatsapp */
    }
    .background-section1{
      background-image: url(img/Header.gif);
      background-size: cover;
      background-repeat: no-repeat;
      height: 224px;
    }
    .botao-customizado {
      background-color: #FFFFFF;
      color: #007580;
      border: 2px solid #FFFFFF;
      border-radius: 50px;
      padding: 10px 0px;
      font-size: 22px;
      cursor: pointer;
      width: 16rem;
  }
  .botao-customizado:hover {
    background-color: #FFFFFF; /* Altera a cor de fundo ao passar o mouse */
    color: #007580; /* Altera a cor do texto ao passar o mouse */
}
}
@media (min-width: 500px) and (max-width: 767px) {
  .botao-customizado2{
    background-color: #FFFFFF;
    color: #007580;
    border: 2px solid #007580;
    border-radius: 50px;
    padding: 10px 0px;
    font-size: 15px;
    cursor: pointer;
    width: 15rem;
}
  .text-1{
    color: white;
    padding-top: 5%;
    font-size: 1.5rem;
  }
  .text-2{
    color: #fdc610; 
    font-size: 2rem;
  }
  .text-3{
    color: white; 
    padding-top: 10%; 
    font-size: 1.5rem;
  }
  .text-4{
    color: #fdc610; 
    font-size: 2rem;
  }
  .text-5{
    color: white; 
    font-size: 1.5rem;
  }
  .text-6{
    color: white; 
    font-size: 1.5rem;
  }
  .text-7{
    color: white; 
    font-size: 1.5rem;
  }
  .text-8{
    color: white; 
    font-size: 2rem;
  }
  .padding-1{
    padding: 50px 50px 50px 50px;
  }
  .padding-2{
    background-color:#de3312; 
    padding: 2rem 2rem 0rem 2rem;
  }
  .padding-3{
    padding:2%;
  }
  .padding-4{
    padding-right: 0.5rem;
  }
  .logo-kikito-footer{
    width: 35%;
  }
  .logo-museu{
    width: 35%; 
  }
  .logo-kikito{
    width: 20%;
  }
  .botao-semi-circulo {
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-bottom-left-radius: 100px;
    border-bottom-right-radius:100px;
    overflow: hidden;
    text-align: center;
}
a:hover{
  color:#ffffff !important;
  text-decoration: none !important;  
}
.botao-semi-circulo2 {
    position: absolute;
    bottom: 0; /* Alterado de 'top: 0' para 'bottom: 0' */
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-top-left-radius: 100px; /* Alterado de 'border-bottom-left-radius' para 'border-top-left-radius' */
    border-top-right-radius: 100px; /* Alterado de 'border-bottom-right-radius' para 'border-top-right-radius' */
    overflow: hidden;
    text-align: center;
}
.botao-semi-circulo a {
    display: block;
    padding-top: 1rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none !important;
}
.botao-semi-circulo2 a {
    display: block;
    padding-top: 2rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none;
}
.navbar{
  padding: 0rem 1rem 0rem 1rem !important;
}
.active{
  border-bottom: 4px solid #007580;
}
.social-icon {
      display: inline-flex; /* Usando flexbox para centralizar vertical e horizontalmente */
      justify-content: center; /* Centraliza horizontalmente */
      align-items: center; /* Centraliza verticalmente */
      width: 50px; /* Ajuste o tamanho conforme necessário */
      height: 50px; /* Ajuste o tamanho conforme necessário */
      border: 2px solid #FFF; /* Cor e largura da borda */
      border-radius: 50%; /* Para tornar a borda redonda */
      overflow: hidden; /* Para esconder a parte interna */
      margin-right: 10px; /* Espaçamento entre os ícones */
    }

    .social-icon i {
      font-size: 24px; /* Ajuste o tamanho do ícone conforme necessário */
      color: #FFF; /* Cor do ícone */
    }
    .social-icon.facebook:hover {
      border-color: #0511fa; /* Azul da borda do Facebook */
    }

    .social-icon.facebook:hover i {
      color: #0511fa; /* Azul do ícone do Facebook */
    }

    .social-icon.instagram:hover {
      border-color: #f542b0; 
    }

    .social-icon.instagram:hover i {
      color: #f542b0;
    }

    .social-icon.whatsapp:hover {
      border-color: #05fa36; /* Verde da borda do Whatsapp */
    }

    .social-icon.whatsapp:hover i {
      color: #05fa36; /* Verde do ícone do Whatsapp */
    }
    .background-section1{
      background-image: url(img/Header.gif);
      background-size: cover;
      background-repeat: no-repeat;
      height: 276px;
    }
    .botao-customizado {
      background-color: #FFFFFF;
      color: #007580;
      border: 2px solid #FFFFFF;
      border-radius: 50px;
      padding: 10px 0px;
      font-size: 20px;
      cursor: pointer;
      width: 20rem;
  }
  .botao-customizado:hover {
    background-color: #FFFFFF; /* Altera a cor de fundo ao passar o mouse */
    color: #007580; /* Altera a cor do texto ao passar o mouse */
}
}
@media (min-width: 768px) and (max-width: 991px) {
  .botao-customizado2{
      background-color: #FFFFFF;
      color: #007580;
      border: 2px solid #007580;
      border-radius: 50px;
      padding: 10px 0px;
      font-size: 15px;
      cursor: pointer;
      width: 15rem;
  }
  .margin-img{
    margin-top: -30rem;
  }
  .text-1{
    color: white; 
    padding-top: 5%; 
    font-size: 2rem;
  }
  .text-2{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-3{
    color: white; 
    padding-top: 10%; 
    font-size: 2rem;
  }
  .text-4{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-5{
    color: white; 
    font-size: 1.5rem;
  }
  .text-6{
    color: white; 
    font-size: 1.5rem;
  }
  .text-7{
    color: white; 
    font-size: 1.5rem;
  }
  .text-8{
    color: white; 
    font-size: 2rem;
  }
  .padding-1{
    padding: 50px 50px 50px 50px;
  }
  .padding-2{
    background-color:#de3312; 
    padding: 2rem 2rem 0rem 2rem;
  }
  .padding-3{
    padding:2%;
  }
  .padding-4{
    padding-right: 0.5rem;
  }
  .logo-kikito-footer{
    width: 35%;
  }
  .logo-museu{
    width: 35%; 
  }
  .logo-kikito{
    width: 20%;
  }
  .botao-semi-circulo {
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-bottom-left-radius: 100px;
    border-bottom-right-radius:100px;
    overflow: hidden;
    text-align: center;
}
a:hover{
  color:#ffffff !important;
  text-decoration: none !important;  
}
.botao-semi-circulo2 {
    position: absolute;
    bottom: 0; /* Alterado de 'top: 0' para 'bottom: 0' */
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-top-left-radius: 100px; /* Alterado de 'border-bottom-left-radius' para 'border-top-left-radius' */
    border-top-right-radius: 100px; /* Alterado de 'border-bottom-right-radius' para 'border-top-right-radius' */
    overflow: hidden;
    text-align: center;
}
.botao-semi-circulo a {
    display: block;
    padding-top: 1rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none !important;
}
.botao-semi-circulo2 a {
    display: block;
    padding-top: 2rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none;
}
.navbar{
  padding: 0rem 1rem 0rem 1rem !important;
}
.active{
  border-bottom: 4px solid #007580;
}
.social-icon {
      display: inline-flex; /* Usando flexbox para centralizar vertical e horizontalmente */
      justify-content: center; /* Centraliza horizontalmente */
      align-items: center; /* Centraliza verticalmente */
      width: 50px; /* Ajuste o tamanho conforme necessário */
      height: 50px; /* Ajuste o tamanho conforme necessário */
      border: 2px solid #FFF; /* Cor e largura da borda */
      border-radius: 50%; /* Para tornar a borda redonda */
      overflow: hidden; /* Para esconder a parte interna */
      margin-right: 10px; /* Espaçamento entre os ícones */
    }

    .social-icon i {
      font-size: 24px; /* Ajuste o tamanho do ícone conforme necessário */
      color: #FFF; /* Cor do ícone */
    }
    .social-icon.facebook:hover {
      border-color: #0511fa; /* Azul da borda do Facebook */
    }

    .social-icon.facebook:hover i {
      color: #0511fa; /* Azul do ícone do Facebook */
    }

    .social-icon.instagram:hover {
      border-color: #f542b0; 
    }

    .social-icon.instagram:hover i {
      color: #f542b0;
    }

    .social-icon.whatsapp:hover {
      border-color: #05fa36; /* Verde da borda do Whatsapp */
    }

    .social-icon.whatsapp:hover i {
      color: #05fa36; /* Verde do ícone do Whatsapp */
    }
    .background-section1{
      background-image: url(img/Header.gif);
      background-size: cover;
      background-repeat: no-repeat;
      height: 320px;
    }
    .botao-customizado {
      background-color: #FFFFFF;
    color: #007580;
    border: 2px solid #FFFFFF;
    border-radius: 50px;
    padding: 10px 0px;
    font-size: 30px;
    cursor: pointer;
    width: 30rem;
  }
  .botao-customizado:hover {
    background-color: #FFFFFF; /* Altera a cor de fundo ao passar o mouse */
    color: #007580; /* Altera a cor do texto ao passar o mouse */
}
}
@media (min-width: 992px) and (max-width: 1199px) {
  .margin-img{
    margin-top: 9rem;
  }
  .text-1{
    color: white; 
    padding-top: 5%; 
    font-size: 2rem;
  }
  .text-2{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-3{
    color: white; 
    padding-top: 10%; 
    font-size: 2rem;
  }
  .text-4{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-5{
    color: white; 
    font-size: 1.5rem;
  }
  .text-6{
    color: white; 
    font-size: 1.5rem;
  }
  .text-7{
    color: white; 
    font-size: 1.5rem;
  }
  .text-8{
    color: white; 
    font-size: 2rem;
  }
  .padding-1{
    padding: 50px 50px 50px 50px;
  }
  .padding-2{
    background-color:#de3312; 
    padding: 2rem 2rem 0rem 2rem;
  }
  .padding-3{
    padding:2%;
  }
  .padding-4{
    padding-right: 0.5rem;
  }
  .logo-kikito-footer{
    width: 55%;
  }
  .logo-museu{
    width: 90%; 
    float: left; 
    margin-right: 10px;
  }
  .logo-kikito{
    width: 8%;
  }
  .botao-semi-circulo {
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-bottom-left-radius: 100px;
    border-bottom-right-radius:100px;
    overflow: hidden;
    text-align: center;
}
a:hover{
  color:#ffffff !important;
  text-decoration: none !important;  
}
.botao-semi-circulo2 {
    position: absolute;
    bottom: 0; /* Alterado de 'top: 0' para 'bottom: 0' */
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-top-left-radius: 100px; /* Alterado de 'border-bottom-left-radius' para 'border-top-left-radius' */
    border-top-right-radius: 100px; /* Alterado de 'border-bottom-right-radius' para 'border-top-right-radius' */
    overflow: hidden;
    text-align: center;
}
.botao-semi-circulo a {
    display: block;
    padding-top: 1rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none !important;
}
.botao-semi-circulo2 a {
    display: block;
    padding-top: 2rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none;
}
.navbar{
  padding: 0rem 1rem 0rem 1rem !important;
}
.active{
  border-bottom: 4px solid #007580;
}
.social-icon {
      display: inline-flex; /* Usando flexbox para centralizar vertical e horizontalmente */
      justify-content: center; /* Centraliza horizontalmente */
      align-items: center; /* Centraliza verticalmente */
      width: 50px; /* Ajuste o tamanho conforme necessário */
      height: 50px; /* Ajuste o tamanho conforme necessário */
      border: 2px solid #FFF; /* Cor e largura da borda */
      border-radius: 50%; /* Para tornar a borda redonda */
      overflow: hidden; /* Para esconder a parte interna */
      margin-right: 10px; /* Espaçamento entre os ícones */
    }

    .social-icon i {
      font-size: 24px; /* Ajuste o tamanho do ícone conforme necessário */
      color: #FFF; /* Cor do ícone */
    }
    .social-icon.facebook:hover {
      border-color: #0511fa; /* Azul da borda do Facebook */
    }

    .social-icon.facebook:hover i {
      color: #0511fa; /* Azul do ícone do Facebook */
    }

    .social-icon.instagram:hover {
      border-color: #f542b0; 
    }

    .social-icon.instagram:hover i {
      color: #f542b0;
    }

    .social-icon.whatsapp:hover {
      border-color: #05fa36; /* Verde da borda do Whatsapp */
    }

    .social-icon.whatsapp:hover i {
      color: #05fa36; /* Verde do ícone do Whatsapp */
    }
    .background-section1{
      background-image: url(img/Header.gif);
      background-size: cover;
      background-repeat: no-repeat;
      height: 600px;
    }
    .botao-customizado {
      background-color: #FFFFFF;
    color: #007580;
    border: 2px solid #FFFFFF;
    border-radius: 50px;
    padding: 10px 0px;
    font-size: 30px;
    cursor: pointer;
    width: 30rem;
  }
  .botao-customizado:hover {
    background-color: #FFFFFF; /* Altera a cor de fundo ao passar o mouse */
    color: #007580; /* Altera a cor do texto ao passar o mouse */
}
}
@media (min-width: 1200px) and (max-width: 1234px) {
  .margin-img{
    margin-top: -5rem;
  }
  .text-1{
    color: white; 
    padding-top: 25%; 
    font-size: 2rem;
  }
  .text-2{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-3{
    color: white; 
    padding-top: 10%; 
    font-size: 2rem;
  }
  .text-4{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-5{
    color: white; 
    font-size: 1.5rem;
  }
  .text-6{
    color: white; 
    font-size: 1.5rem;
  }
  .text-7{
    color: white; 
    font-size: 1.5rem;
  }
  .text-8{
    color: white; 
    font-size: 2rem;
  }
  .padding-1{
    padding: 50px 50px 50px 50px;
  }
  .padding-2{
    background-color:#de3312; 
    padding: 2rem 2rem 0rem 2rem;
  }
  .padding-3{
    padding:2%;
  }
  .padding-4{
    padding-right: 0.5rem;
  }
  .logo-kikito-footer{
    width: 55%;
  }
  .logo-museu{
    width: 90%; 
    float: left; 
    margin-right: 10px;
  }
  .logo-kikito{
    width: 8%;
  }
  .botao-semi-circulo {
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-bottom-left-radius: 100px;
    border-bottom-right-radius:100px;
    overflow: hidden;
    text-align: center;
}
a:hover{
  color:#ffffff !important;
  text-decoration: none !important;  
}
.botao-semi-circulo2 {
    position: absolute;
    bottom: 0; /* Alterado de 'top: 0' para 'bottom: 0' */
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-top-left-radius: 100px; /* Alterado de 'border-bottom-left-radius' para 'border-top-left-radius' */
    border-top-right-radius: 100px; /* Alterado de 'border-bottom-right-radius' para 'border-top-right-radius' */
    overflow: hidden;
    text-align: center;
}
.botao-semi-circulo a {
    display: block;
    padding-top: 1rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none !important;
}
.botao-semi-circulo2 a {
    display: block;
    padding-top: 2rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none;
}
.navbar{
  padding: 0rem 1rem 0rem 1rem !important;
}
.active{
  border-bottom: 4px solid #007580;
}
.social-icon {
      display: inline-flex; /* Usando flexbox para centralizar vertical e horizontalmente */
      justify-content: center; /* Centraliza horizontalmente */
      align-items: center; /* Centraliza verticalmente */
      width: 50px; /* Ajuste o tamanho conforme necessário */
      height: 50px; /* Ajuste o tamanho conforme necessário */
      border: 2px solid #FFF; /* Cor e largura da borda */
      border-radius: 50%; /* Para tornar a borda redonda */
      overflow: hidden; /* Para esconder a parte interna */
      margin-right: 10px; /* Espaçamento entre os ícones */
    }

    .social-icon i {
      font-size: 24px; /* Ajuste o tamanho do ícone conforme necessário */
      color: #FFF; /* Cor do ícone */
    }
    .social-icon.facebook:hover {
      border-color: #0511fa; /* Azul da borda do Facebook */
    }

    .social-icon.facebook:hover i {
      color: #0511fa; /* Azul do ícone do Facebook */
    }

    .social-icon.instagram:hover {
      border-color: #f542b0; 
    }

    .social-icon.instagram:hover i {
      color: #f542b0;
    }

    .social-icon.whatsapp:hover {
      border-color: #05fa36; /* Verde da borda do Whatsapp */
    }

    .social-icon.whatsapp:hover i {
      color: #05fa36; /* Verde do ícone do Whatsapp */
    }
    .background-section1{
      background-image: url(img/Header.gif);
      background-size: cover;
      background-repeat: no-repeat;
      height: 643px;
    }
    .botao-customizado {
      background-color: #FFFFFF;
    color: #007580;
    border: 2px solid #FFFFFF;
    border-radius: 50px;
    padding: 10px 0px;
    font-size: 30px;
    cursor: pointer;
    width: 30rem;
  }
  .botao-customizado:hover {
    background-color: #FFFFFF; /* Altera a cor de fundo ao passar o mouse */
    color: #007580; /* Altera a cor do texto ao passar o mouse */
}
}
@media (min-width: 1235px) and (max-width: 1299px){
  .margin-img{
    margin-top: -9rem;
  }
  .text-1{
    color: white; 
    padding-top: 25%; 
    font-size: 2rem;
  }
  .text-2{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-3{
    color: white; 
    padding-top: 10%; 
    font-size: 2rem;
  }
  .text-4{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-5{
    color: white; 
    font-size: 1.5rem;
  }
  .text-6{
    color: white; 
    font-size: 1.5rem;
  }
  .text-7{
    color: white; 
    font-size: 1.5rem;
  }
  .text-8{
    color: white; 
    font-size: 2rem;
  }
  .padding-1{
    padding: 50px 50px 50px 50px;
  }
  .padding-2{
    background-color:#de3312; 
    padding: 2rem 2rem 0rem 2rem;
  }
  .padding-3{
    padding:2%;
  }
  .padding-4{
    padding-right: 0.5rem;
  }
  .logo-kikito-footer{
    width: 55%;
  }
  .logo-museu{
    width: 90%; 
    float: left; 
    margin-right: 10px;
  }
  .logo-kikito{
    width: 8%;
  }
  .botao-semi-circulo {
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-bottom-left-radius: 100px;
    border-bottom-right-radius:100px;
    overflow: hidden;
    text-align: center;
}
a:hover{
  color:#ffffff !important;
  text-decoration: none !important;  
}
.botao-semi-circulo2 {
    position: absolute;
    bottom: 0; /* Alterado de 'top: 0' para 'bottom: 0' */
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-top-left-radius: 100px; /* Alterado de 'border-bottom-left-radius' para 'border-top-left-radius' */
    border-top-right-radius: 100px; /* Alterado de 'border-bottom-right-radius' para 'border-top-right-radius' */
    overflow: hidden;
    text-align: center;
}
.botao-semi-circulo a {
    display: block;
    padding-top: 1rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none !important;
}
.botao-semi-circulo2 a {
    display: block;
    padding-top: 2rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none;
}
.navbar{
  padding: 0rem 1rem 0rem 1rem !important;
}
.active{
  border-bottom: 4px solid #007580;
}
.social-icon {
      display: inline-flex; /* Usando flexbox para centralizar vertical e horizontalmente */
      justify-content: center; /* Centraliza horizontalmente */
      align-items: center; /* Centraliza verticalmente */
      width: 50px; /* Ajuste o tamanho conforme necessário */
      height: 50px; /* Ajuste o tamanho conforme necessário */
      border: 2px solid #FFF; /* Cor e largura da borda */
      border-radius: 50%; /* Para tornar a borda redonda */
      overflow: hidden; /* Para esconder a parte interna */
      margin-right: 10px; /* Espaçamento entre os ícones */
    }

    .social-icon i {
      font-size: 24px; /* Ajuste o tamanho do ícone conforme necessário */
      color: #FFF; /* Cor do ícone */
    }
    .social-icon.facebook:hover {
      border-color: #0511fa; /* Azul da borda do Facebook */
    }

    .social-icon.facebook:hover i {
      color: #0511fa; /* Azul do ícone do Facebook */
    }

    .social-icon.instagram:hover {
      border-color: #f542b0; 
    }

    .social-icon.instagram:hover i {
      color: #f542b0;
    }

    .social-icon.whatsapp:hover {
      border-color: #05fa36; /* Verde da borda do Whatsapp */
    }

    .social-icon.whatsapp:hover i {
      color: #05fa36; /* Verde do ícone do Whatsapp */
    }
    .background-section1{
      background-image: url(img/Header.gif);
      background-size: cover;
      background-repeat: no-repeat;
      height: 662px;
    }
    .botao-customizado {
      background-color: #FFFFFF;
    color: #007580;
    border: 2px solid #FFFFFF;
    border-radius: 50px;
    padding: 10px 0px;
    font-size: 30px;
    cursor: pointer;
    width: 30rem;
  }
  .botao-customizado:hover {
    background-color: #FFFFFF; /* Altera a cor de fundo ao passar o mouse */
    color: #007580; /* Altera a cor do texto ao passar o mouse */
}
}
@media (min-width: 1300px) and (max-width: 1399px){
  .margin-img{
    margin-top: -13rem;
  }
  .text-1{
    color: white; 
    padding-top: 25%; 
    font-size: 2rem;
  }
  .text-2{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-3{
    color: white; 
    padding-top: 10%; 
    font-size: 2rem;
  }
  .text-4{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-5{
    color: white; 
    font-size: 1.5rem;
  }
  .text-6{
    color: white; 
    font-size: 1.5rem;
  }
  .text-7{
    color: white; 
    font-size: 1.5rem;
  }
  .text-8{
    color: white; 
    font-size: 2rem;
  }
  .padding-1{
    padding: 50px 50px 50px 50px;
  }
  .padding-2{
    background-color:#de3312; 
    padding: 2rem 2rem 0rem 2rem;
  }
  .padding-3{
    padding:2%;
  }
  .padding-4{
    padding-right: 0.5rem;
  }
  .logo-kikito-footer{
    width: 55%;
  }
  .logo-museu{
    width: 90%; 
    float: left; 
    margin-right: 10px;
  }
  .logo-kikito{
    width: 8%;
  }
  .botao-semi-circulo {
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-bottom-left-radius: 100px;
    border-bottom-right-radius:100px;
    overflow: hidden;
    text-align: center;
}
a:hover{
  color:#ffffff !important;
  text-decoration: none !important;  
}
.botao-semi-circulo2 {
    position: absolute;
    bottom: 0; /* Alterado de 'top: 0' para 'bottom: 0' */
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-top-left-radius: 100px; /* Alterado de 'border-bottom-left-radius' para 'border-top-left-radius' */
    border-top-right-radius: 100px; /* Alterado de 'border-bottom-right-radius' para 'border-top-right-radius' */
    overflow: hidden;
    text-align: center;
}
.botao-semi-circulo a {
    display: block;
    padding-top: 1rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none !important;
}
.botao-semi-circulo2 a {
    display: block;
    padding-top: 2rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none;
}
.navbar{
  padding: 0rem 1rem 0rem 1rem !important;
}
.active{
  border-bottom: 4px solid #007580;
}
.social-icon {
      display: inline-flex; /* Usando flexbox para centralizar vertical e horizontalmente */
      justify-content: center; /* Centraliza horizontalmente */
      align-items: center; /* Centraliza verticalmente */
      width: 50px; /* Ajuste o tamanho conforme necessário */
      height: 50px; /* Ajuste o tamanho conforme necessário */
      border: 2px solid #FFF; /* Cor e largura da borda */
      border-radius: 50%; /* Para tornar a borda redonda */
      overflow: hidden; /* Para esconder a parte interna */
      margin-right: 10px; /* Espaçamento entre os ícones */
    }

    .social-icon i {
      font-size: 24px; /* Ajuste o tamanho do ícone conforme necessário */
      color: #FFF; /* Cor do ícone */
    }
    .social-icon.facebook:hover {
      border-color: #0511fa; /* Azul da borda do Facebook */
    }

    .social-icon.facebook:hover i {
      color: #0511fa; /* Azul do ícone do Facebook */
    }

    .social-icon.instagram:hover {
      border-color: #f542b0; 
    }

    .social-icon.instagram:hover i {
      color: #f542b0;
    }

    .social-icon.whatsapp:hover {
      border-color: #05fa36; /* Verde da borda do Whatsapp */
    }

    .social-icon.whatsapp:hover i {
      color: #05fa36; /* Verde do ícone do Whatsapp */
    }
    .background-section1{
      background-image: url(img/Header.gif);
      background-size: cover;
      background-repeat: no-repeat;
      height: 696px;
    }
    .botao-customizado {
      background-color: #FFFFFF;
    color: #007580;
    border: 2px solid #FFFFFF;
    border-radius: 50px;
    padding: 10px 0px;
    font-size: 30px;
    cursor: pointer;
    width: 30rem;
  }
  .botao-customizado:hover {
    background-color: #FFFFFF; /* Altera a cor de fundo ao passar o mouse */
    color: #007580; /* Altera a cor do texto ao passar o mouse */
}
}
@media (min-width: 1400px) and (max-width: 1441px){
  .margin-img{
    margin-top: -19rem;
  }
  .text-1{
    color: white; 
    padding-top: 25%; 
    font-size: 2rem;
  }
  .text-2{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-3{
    color: white; 
    padding-top: 10%; 
    font-size: 2rem;
  }
  .text-4{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-5{
    color: white; 
    font-size: 1.5rem;
  }
  .text-6{
    color: white; 
    font-size: 1.5rem;
  }
  .text-7{
    color: white; 
    font-size: 1.5rem;
  }
  .text-8{
    color: white; 
    font-size: 2rem;
  }
  .padding-1{
    padding: 50px 50px 50px 50px;
  }
  .padding-2{
    background-color:#de3312; 
    padding: 2rem 2rem 0rem 2rem;
  }
  .padding-3{
    padding:2%;
  }
  .padding-4{
    padding-right: 0.5rem;
  }
  .logo-kikito-footer{
    width: 55%;
  }
  .logo-museu{
    width: 90%; 
    float: left; 
    margin-right: 10px;
  }
  .logo-kikito{
    width: 8%;
  }
  .botao-semi-circulo {
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-bottom-left-radius: 100px;
    border-bottom-right-radius:100px;
    overflow: hidden;
    text-align: center;
}
a:hover{
  color:#ffffff !important;
  text-decoration: none !important;  
}
.botao-semi-circulo2 {
    position: absolute;
    bottom: 0; /* Alterado de 'top: 0' para 'bottom: 0' */
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-top-left-radius: 100px; /* Alterado de 'border-bottom-left-radius' para 'border-top-left-radius' */
    border-top-right-radius: 100px; /* Alterado de 'border-bottom-right-radius' para 'border-top-right-radius' */
    overflow: hidden;
    text-align: center;
}
.botao-semi-circulo a {
    display: block;
    padding-top: 1rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none !important;
}
.botao-semi-circulo2 a {
    display: block;
    padding-top: 2rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none;
}
.navbar{
  padding: 0rem 1rem 0rem 1rem !important;
}
.active{
  border-bottom: 4px solid #007580;
}
.social-icon {
      display: inline-flex; /* Usando flexbox para centralizar vertical e horizontalmente */
      justify-content: center; /* Centraliza horizontalmente */
      align-items: center; /* Centraliza verticalmente */
      width: 50px; /* Ajuste o tamanho conforme necessário */
      height: 50px; /* Ajuste o tamanho conforme necessário */
      border: 2px solid #FFF; /* Cor e largura da borda */
      border-radius: 50%; /* Para tornar a borda redonda */
      overflow: hidden; /* Para esconder a parte interna */
      margin-right: 10px; /* Espaçamento entre os ícones */
    }

    .social-icon i {
      font-size: 24px; /* Ajuste o tamanho do ícone conforme necessário */
      color: #FFF; /* Cor do ícone */
    }
    .social-icon.facebook:hover {
      border-color: #0511fa; /* Azul da borda do Facebook */
    }

    .social-icon.facebook:hover i {
      color: #0511fa; /* Azul do ícone do Facebook */
    }

    .social-icon.instagram:hover {
      border-color: #f542b0; 
    }

    .social-icon.instagram:hover i {
      color: #f542b0;
    }

    .social-icon.whatsapp:hover {
      border-color: #05fa36; /* Verde da borda do Whatsapp */
    }

    .social-icon.whatsapp:hover i {
      color: #05fa36; /* Verde do ícone do Whatsapp */
    }
    .background-section1{
      background-image: url(img/Header.gif);
      background-size: cover;
      background-repeat: no-repeat;
      height: 750px;
    }
    .botao-customizado {
      background-color: #FFFFFF;
    color: #007580;
    border: 2px solid #FFFFFF;
    border-radius: 50px;
    padding: 10px 0px;
    font-size: 30px;
    cursor: pointer;
    width: 30rem;
  }
  .botao-customizado:hover {
    background-color: #FFFFFF; /* Altera a cor de fundo ao passar o mouse */
    color: #007580; /* Altera a cor do texto ao passar o mouse */
}
}
@media (min-width: 1442px) and (max-width: 1485px){
  .margin-img{
    margin-top: -23rem;
  }
  .text-1{
    color: white; 
    padding-top: 25%; 
    font-size: 2rem;
  }
  .text-2{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-3{
    color: white; 
    padding-top: 10%; 
    font-size: 2rem;
  }
  .text-4{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-5{
    color: white; 
    font-size: 1.5rem;
  }
  .text-6{
    color: white; 
    font-size: 1.5rem;
  }
  .text-7{
    color: white; 
    font-size: 1.5rem;
  }
  .text-8{
    color: white; 
    font-size: 2rem;
  }
  .padding-1{
    padding: 50px 50px 50px 50px;
  }
  .padding-2{
    background-color:#de3312; 
    padding: 2rem 2rem 0rem 2rem;
  }
  .padding-3{
    padding:2%;
  }
  .padding-4{
    padding-right: 0.5rem;
  }
  .logo-kikito-footer{
    width: 55%;
  }
  .logo-museu{
    width: 90%; 
    float: left; 
    margin-right: 10px;
  }
  .logo-kikito{
    width: 8%;
  }
  .botao-semi-circulo {
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-bottom-left-radius: 100px;
    border-bottom-right-radius:100px;
    overflow: hidden;
    text-align: center;
}
a:hover{
  color:#ffffff !important;
  text-decoration: none !important;  
}
.botao-semi-circulo2 {
    position: absolute;
    bottom: 0; /* Alterado de 'top: 0' para 'bottom: 0' */
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-top-left-radius: 100px; /* Alterado de 'border-bottom-left-radius' para 'border-top-left-radius' */
    border-top-right-radius: 100px; /* Alterado de 'border-bottom-right-radius' para 'border-top-right-radius' */
    overflow: hidden;
    text-align: center;
}
.botao-semi-circulo a {
    display: block;
    padding-top: 1rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none !important;
}
.botao-semi-circulo2 a {
    display: block;
    padding-top: 2rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none;
}
.navbar{
  padding: 0rem 1rem 0rem 1rem !important;
}
.active{
  border-bottom: 4px solid #007580;
}
.social-icon {
      display: inline-flex; /* Usando flexbox para centralizar vertical e horizontalmente */
      justify-content: center; /* Centraliza horizontalmente */
      align-items: center; /* Centraliza verticalmente */
      width: 50px; /* Ajuste o tamanho conforme necessário */
      height: 50px; /* Ajuste o tamanho conforme necessário */
      border: 2px solid #FFF; /* Cor e largura da borda */
      border-radius: 50%; /* Para tornar a borda redonda */
      overflow: hidden; /* Para esconder a parte interna */
      margin-right: 10px; /* Espaçamento entre os ícones */
    }

    .social-icon i {
      font-size: 24px; /* Ajuste o tamanho do ícone conforme necessário */
      color: #FFF; /* Cor do ícone */
    }
    .social-icon.facebook:hover {
      border-color: #0511fa; /* Azul da borda do Facebook */
    }

    .social-icon.facebook:hover i {
      color: #0511fa; /* Azul do ícone do Facebook */
    }

    .social-icon.instagram:hover {
      border-color: #f542b0; 
    }

    .social-icon.instagram:hover i {
      color: #f542b0;
    }

    .social-icon.whatsapp:hover {
      border-color: #05fa36; /* Verde da borda do Whatsapp */
    }

    .social-icon.whatsapp:hover i {
      color: #05fa36; /* Verde do ícone do Whatsapp */
    }
    .background-section1{
      background-image: url(img/Header.gif);
      background-size: cover;
      background-repeat: no-repeat;
      height: 771px;
    }
    .botao-customizado {
      background-color: #FFFFFF;
    color: #007580;
    border: 2px solid #FFFFFF;
    border-radius: 50px;
    padding: 10px 0px;
    font-size: 30px;
    cursor: pointer;
    width: 30rem;
  }
  .botao-customizado:hover {
    background-color: #FFFFFF; /* Altera a cor de fundo ao passar o mouse */
    color: #007580; /* Altera a cor do texto ao passar o mouse */
}
}
@media (min-width: 1486px) and (max-width: 1538px){
  .margin-img{
    margin-top: -25rem;
  }
  .text-1{
    color: white; 
    padding-top: 25%; 
    font-size: 2rem;
  }
  .text-2{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-3{
    color: white; 
    padding-top: 10%; 
    font-size: 2rem;
  }
  .text-4{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-5{
    color: white; 
    font-size: 1.3rem;
  }
  .text-6{
    color: white; 
    font-size: 1.3rem;
  }
  .text-7{
    color: white; 
    font-size: 1.3rem;
  }
  .text-8{
    color: white; 
    font-size: 2rem;
  }
  .text-9{
    color: white; 
    font-size: 1.5rem;
  }
  .padding-1{
    padding: 50px 50px 50px 50px;
  }
  .padding-2{
    background-color:#de3312; 
    padding: 2rem 2rem 0rem 2rem;
  }
  .padding-3{
    padding:2%;
  }
  .padding-4{
    padding-right: 0.5rem;
  }
  .logo-kikito-footer{
    width: 55%;
  }
  .logo-museu{
    width: 90%; 
    float: left; 
    margin-right: 10px;
  }
  .logo-kikito{
    width: 8%;
  }
  .botao-semi-circulo {
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-bottom-left-radius: 100px;
    border-bottom-right-radius:100px;
    overflow: hidden;
    text-align: center;
}
a:hover{
  color:#ffffff !important;
  text-decoration: none !important;  
}
.botao-semi-circulo2 {
    position: absolute;
    bottom: 0; /* Alterado de 'top: 0' para 'bottom: 0' */
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-top-left-radius: 100px; /* Alterado de 'border-bottom-left-radius' para 'border-top-left-radius' */
    border-top-right-radius: 100px; /* Alterado de 'border-bottom-right-radius' para 'border-top-right-radius' */
    overflow: hidden;
    text-align: center;
}
.botao-semi-circulo a {
    display: block;
    padding-top: 1rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none !important;
}
.botao-semi-circulo2 a {
    display: block;
    padding-top: 2rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none;
}
.navbar{
  padding: 0rem 1rem 0rem 1rem !important;
}
.active{
  border-bottom: 4px solid #007580;
}
.social-icon {
      display: inline-flex; /* Usando flexbox para centralizar vertical e horizontalmente */
      justify-content: center; /* Centraliza horizontalmente */
      align-items: center; /* Centraliza verticalmente */
      width: 50px; /* Ajuste o tamanho conforme necessário */
      height: 50px; /* Ajuste o tamanho conforme necessário */
      border: 2px solid #FFF; /* Cor e largura da borda */
      border-radius: 50%; /* Para tornar a borda redonda */
      overflow: hidden; /* Para esconder a parte interna */
      margin-right: 10px; /* Espaçamento entre os ícones */
    }

    .social-icon i {
      font-size: 24px; /* Ajuste o tamanho do ícone conforme necessário */
      color: #FFF; /* Cor do ícone */
    }
    .social-icon.facebook:hover {
      border-color: #0511fa; /* Azul da borda do Facebook */
    }

    .social-icon.facebook:hover i {
      color: #0511fa; /* Azul do ícone do Facebook */
    }

    .social-icon.instagram:hover {
      border-color: #f542b0; 
    }

    .social-icon.instagram:hover i {
      color: #f542b0;
    }

    .social-icon.whatsapp:hover {
      border-color: #05fa36; /* Verde da borda do Whatsapp */
    }

    .social-icon.whatsapp:hover i {
      color: #05fa36; /* Verde do ícone do Whatsapp */
    }
    .background-section1{
      background-image: url(img/Header.gif);
      background-size: cover;
      background-repeat: no-repeat;
      height: 795px;
    }
    .botao-customizado {
      background-color: #FFFFFF;
    color: #007580;
    border: 2px solid #FFFFFF;
    border-radius: 50px;
    padding: 10px 0px;
    font-size: 30px;
    cursor: pointer;
    width: 30rem;
  }
  .botao-customizado:hover {
    background-color: #FFFFFF; /* Altera a cor de fundo ao passar o mouse */
    color: #007580; /* Altera a cor do texto ao passar o mouse */
}
}
@media (min-width: 1539px) and (max-width: 1564px){
  .margin-img{
    margin-top: -29rem;
  }
  .text-1{
    color: white; 
    padding-top: 25%; 
    font-size: 2rem;
  }
  .text-2{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-3{
    color: white; 
    padding-top: 10%; 
    font-size: 2rem;
  }
  .text-4{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-5{
    color: white; 
    font-size: 1.5rem;
  }
  .text-6{
    color: white; 
    font-size: 1.5rem;
  }
  .text-7{
    color: white; 
    font-size: 1.5rem;
  }
  .text-8{
    color: white; 
    font-size: 2rem;
  }
  .padding-1{
    padding: 50px 50px 50px 50px;
  }
  .padding-2{
    background-color:#de3312; 
    padding: 2rem 2rem 0rem 2rem;
  }
  .padding-3{
    padding:2%;
  }
  .padding-4{
    padding-right: 0.5rem;
  }
  .logo-kikito-footer{
    width: 55%;
  }
  .logo-museu{
    width: 90%; 
    float: left; 
    margin-right: 10px;
  }
  .logo-kikito{
    width: 8%;
  }
  .botao-semi-circulo {
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-bottom-left-radius: 100px;
    border-bottom-right-radius:100px;
    overflow: hidden;
    text-align: center;
}
a:hover{
  color:#ffffff !important;
  text-decoration: none !important;  
}
.botao-semi-circulo2 {
    position: absolute;
    bottom: 0; /* Alterado de 'top: 0' para 'bottom: 0' */
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-top-left-radius: 100px; /* Alterado de 'border-bottom-left-radius' para 'border-top-left-radius' */
    border-top-right-radius: 100px; /* Alterado de 'border-bottom-right-radius' para 'border-top-right-radius' */
    overflow: hidden;
    text-align: center;
}
.botao-semi-circulo a {
    display: block;
    padding-top: 1rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none !important;
}
.botao-semi-circulo2 a {
    display: block;
    padding-top: 2rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none;
}
.navbar{
  padding: 0rem 1rem 0rem 1rem !important;
}
.active{
  border-bottom: 4px solid #007580;
}
.social-icon {
      display: inline-flex; /* Usando flexbox para centralizar vertical e horizontalmente */
      justify-content: center; /* Centraliza horizontalmente */
      align-items: center; /* Centraliza verticalmente */
      width: 50px; /* Ajuste o tamanho conforme necessário */
      height: 50px; /* Ajuste o tamanho conforme necessário */
      border: 2px solid #FFF; /* Cor e largura da borda */
      border-radius: 50%; /* Para tornar a borda redonda */
      overflow: hidden; /* Para esconder a parte interna */
      margin-right: 10px; /* Espaçamento entre os ícones */
    }

    .social-icon i {
      font-size: 24px; /* Ajuste o tamanho do ícone conforme necessário */
      color: #FFF; /* Cor do ícone */
    }
    .social-icon.facebook:hover {
      border-color: #0511fa; /* Azul da borda do Facebook */
    }

    .social-icon.facebook:hover i {
      color: #0511fa; /* Azul do ícone do Facebook */
    }

    .social-icon.instagram:hover {
      border-color: #f542b0; 
    }

    .social-icon.instagram:hover i {
      color: #f542b0;
    }

    .social-icon.whatsapp:hover {
      border-color: #05fa36; /* Verde da borda do Whatsapp */
    }

    .social-icon.whatsapp:hover i {
      color: #05fa36; /* Verde do ícone do Whatsapp */
    }
    .background-section1{
      background-image: url(img/Header.gif);
      background-size: cover;
      background-repeat: no-repeat;
      height: 824px;
    }
    .botao-customizado {
      background-color: #FFFFFF;
    color: #007580;
    border: 2px solid #FFFFFF;
    border-radius: 50px;
    padding: 10px 0px;
    font-size: 30px;
    cursor: pointer;
    width: 30rem;
  }
  .botao-customizado:hover {
    background-color: #FFFFFF; /* Altera a cor de fundo ao passar o mouse */
    color: #007580; /* Altera a cor do texto ao passar o mouse */
}
}
@media (min-width: 1565px) and (max-width: 1599px){
  .margin-img{
    margin-top: -30rem;
  }
  .text-1{
    color: white; 
    padding-top: 25%; 
    font-size: 2rem;
  }
  .text-2{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-3{
    color: white; 
    padding-top: 10%; 
    font-size: 2rem;
  }
  .text-4{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-5{
    color: white; 
    font-size: 1.5rem;
  }
  .text-6{
    color: white; 
    font-size: 1.5rem;
  }
  .text-7{
    color: white; 
    font-size: 1.5rem;
  }
  .text-8{
    color: white; 
    font-size: 2rem;
  }
  .padding-1{
    padding: 50px 50px 50px 50px;
  }
  .padding-2{
    background-color:#de3312; 
    padding: 2rem 2rem 0rem 2rem;
  }
  .padding-3{
    padding:2%;
  }
  .padding-4{
    padding-right: 0.5rem;
  }
  .logo-kikito-footer{
    width: 55%;
  }
  .logo-museu{
    width: 90%; 
    float: left; 
    margin-right: 10px;
  }
  .logo-kikito{
    width: 8%;
  }
  .botao-semi-circulo {
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-bottom-left-radius: 100px;
    border-bottom-right-radius:100px;
    overflow: hidden;
    text-align: center;
}
a:hover{
  color:#ffffff !important;
  text-decoration: none !important;  
}
.botao-semi-circulo2 {
    position: absolute;
    bottom: 0; /* Alterado de 'top: 0' para 'bottom: 0' */
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-top-left-radius: 100px; /* Alterado de 'border-bottom-left-radius' para 'border-top-left-radius' */
    border-top-right-radius: 100px; /* Alterado de 'border-bottom-right-radius' para 'border-top-right-radius' */
    overflow: hidden;
    text-align: center;
}
.botao-semi-circulo a {
    display: block;
    padding-top: 1rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none !important;
}
.botao-semi-circulo2 a {
    display: block;
    padding-top: 2rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none;
}
.navbar{
  padding: 0rem 1rem 0rem 1rem !important;
}
.active{
  border-bottom: 4px solid #007580;
}
.social-icon {
      display: inline-flex; /* Usando flexbox para centralizar vertical e horizontalmente */
      justify-content: center; /* Centraliza horizontalmente */
      align-items: center; /* Centraliza verticalmente */
      width: 50px; /* Ajuste o tamanho conforme necessário */
      height: 50px; /* Ajuste o tamanho conforme necessário */
      border: 2px solid #FFF; /* Cor e largura da borda */
      border-radius: 50%; /* Para tornar a borda redonda */
      overflow: hidden; /* Para esconder a parte interna */
      margin-right: 10px; /* Espaçamento entre os ícones */
    }

    .social-icon i {
      font-size: 24px; /* Ajuste o tamanho do ícone conforme necessário */
      color: #FFF; /* Cor do ícone */
    }
    .social-icon.facebook:hover {
      border-color: #0511fa; /* Azul da borda do Facebook */
    }

    .social-icon.facebook:hover i {
      color: #0511fa; /* Azul do ícone do Facebook */
    }

    .social-icon.instagram:hover {
      border-color: #f542b0; 
    }

    .social-icon.instagram:hover i {
      color: #f542b0;
    }

    .social-icon.whatsapp:hover {
      border-color: #05fa36; /* Verde da borda do Whatsapp */
    }

    .social-icon.whatsapp:hover i {
      color: #05fa36; /* Verde do ícone do Whatsapp */
    }
    .background-section1{
      background-image: url(img/Header.gif);
      background-size: cover;
      background-repeat: no-repeat;
      height: 839px;
    }
    .botao-customizado {
      background-color: #FFFFFF;
    color: #007580;
    border: 2px solid #FFFFFF;
    border-radius: 50px;
    padding: 10px 0px;
    font-size: 30px;
    cursor: pointer;
    width: 30rem;
  }
  .botao-customizado:hover {
    background-color: #FFFFFF; /* Altera a cor de fundo ao passar o mouse */
    color: #007580; /* Altera a cor do texto ao passar o mouse */
}
}
@media (min-width: 1600px) and (max-width: 1699px){
  .margin-img{
    margin-top: -30rem;
  }
  .text-1{
    color: white; 
    padding-top: 25%; 
    font-size: 2rem;
  }
  .text-2{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-3{
    color: white; 
    padding-top: 10%; 
    font-size: 2rem;
  }
  .text-4{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-5{
    color: white; 
    font-size: 1.5rem;
  }
  .text-6{
    color: white; 
    font-size: 1.5rem;
  }
  .text-7{
    color: white; 
    font-size: 1.5rem;
  }
  .text-8{
    color: white; 
    font-size: 2rem;
  }
  .padding-1{
    padding: 50px 50px 50px 50px;
  }
  .padding-2{
    background-color:#de3312; 
    padding: 2rem 2rem 0rem 2rem;
  }
  .padding-3{
    padding:2%;
  }
  .padding-4{
    padding-right: 0.5rem;
  }
  .logo-kikito-footer{
    width: 55%;
  }
  .logo-museu{
    width: 90%; 
    float: left; 
    margin-right: 10px;
  }
  .logo-kikito{
    width: 8%;
  }
  .botao-semi-circulo {
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-bottom-left-radius: 100px;
    border-bottom-right-radius:100px;
    overflow: hidden;
    text-align: center;
}
a:hover{
  color:#ffffff !important;
  text-decoration: none !important;  
}
.botao-semi-circulo2 {
    position: absolute;
    bottom: 0; /* Alterado de 'top: 0' para 'bottom: 0' */
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-top-left-radius: 100px; /* Alterado de 'border-bottom-left-radius' para 'border-top-left-radius' */
    border-top-right-radius: 100px; /* Alterado de 'border-bottom-right-radius' para 'border-top-right-radius' */
    overflow: hidden;
    text-align: center;
}
.botao-semi-circulo a {
    display: block;
    padding-top: 1rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none !important;
}
.botao-semi-circulo2 a {
    display: block;
    padding-top: 2rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none;
}
.navbar{
  padding: 0rem 1rem 0rem 1rem !important;
}
.active{
  border-bottom: 4px solid #007580;
}
.social-icon {
      display: inline-flex; /* Usando flexbox para centralizar vertical e horizontalmente */
      justify-content: center; /* Centraliza horizontalmente */
      align-items: center; /* Centraliza verticalmente */
      width: 50px; /* Ajuste o tamanho conforme necessário */
      height: 50px; /* Ajuste o tamanho conforme necessário */
      border: 2px solid #FFF; /* Cor e largura da borda */
      border-radius: 50%; /* Para tornar a borda redonda */
      overflow: hidden; /* Para esconder a parte interna */
      margin-right: 10px; /* Espaçamento entre os ícones */
    }

    .social-icon i {
      font-size: 24px; /* Ajuste o tamanho do ícone conforme necessário */
      color: #FFF; /* Cor do ícone */
    }
    .social-icon.facebook:hover {
      border-color: #0511fa; /* Azul da borda do Facebook */
    }

    .social-icon.facebook:hover i {
      color: #0511fa; /* Azul do ícone do Facebook */
    }

    .social-icon.instagram:hover {
      border-color: #f542b0; 
    }

    .social-icon.instagram:hover i {
      color: #f542b0;
    }

    .social-icon.whatsapp:hover {
      border-color: #05fa36; /* Verde da borda do Whatsapp */
    }

    .social-icon.whatsapp:hover i {
      color: #05fa36; /* Verde do ícone do Whatsapp */
    }
    .background-section1{
      background-image: url(img/Header.gif);
      background-size: cover;
      background-repeat: no-repeat;
      height: 857px;
    }
    .botao-customizado {
      background-color: #FFFFFF;
    color: #007580;
    border: 2px solid #FFFFFF;
    border-radius: 50px;
    padding: 10px 0px;
    font-size: 30px;
    cursor: pointer;
    width: 30rem;
  }
  .botao-customizado:hover {
    background-color: #FFFFFF; /* Altera a cor de fundo ao passar o mouse */
    color: #007580; /* Altera a cor do texto ao passar o mouse */
}
}
@media (min-width: 1700px) and (max-width: 1799px){
  .margin-img{
    margin-top: -30rem;
  }
  .text-1{
    color: white; 
    padding-top: 25%; 
    font-size: 2rem;
  }
  .text-2{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-3{
    color: white; 
    padding-top: 10%; 
    font-size: 2rem;
  }
  .text-4{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-5{
    color: white; 
    font-size: 1.5rem;
  }
  .text-6{
    color: white; 
    font-size: 1.5rem;
  }
  .text-7{
    color: white; 
    font-size: 1.5rem;
  }
  .text-8{
    color: white; 
    font-size: 2rem;
  }
  .padding-1{
    padding: 50px 50px 50px 50px;
  }
  .padding-2{
    background-color:#de3312; 
    padding: 2rem 2rem 0rem 2rem;
  }
  .padding-3{
    padding:2%;
  }
  .padding-4{
    padding-right: 0.5rem;
  }
  .logo-kikito-footer{
    width: 55%;
  }
  .logo-museu{
    width: 90%; 
    float: left; 
    margin-right: 10px;
  }
  .logo-kikito{
    width: 8%;
  }
  .botao-semi-circulo {
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-bottom-left-radius: 100px;
    border-bottom-right-radius:100px;
    overflow: hidden;
    text-align: center;
}
a:hover{
  color:#ffffff !important;
  text-decoration: none !important;  
}
.botao-semi-circulo2 {
    position: absolute;
    bottom: 0; /* Alterado de 'top: 0' para 'bottom: 0' */
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-top-left-radius: 100px; /* Alterado de 'border-bottom-left-radius' para 'border-top-left-radius' */
    border-top-right-radius: 100px; /* Alterado de 'border-bottom-right-radius' para 'border-top-right-radius' */
    overflow: hidden;
    text-align: center;
}
.botao-semi-circulo a {
    display: block;
    padding-top: 1rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none !important;
}
.botao-semi-circulo2 a {
    display: block;
    padding-top: 2rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none;
}
.navbar{
  padding: 0rem 1rem 0rem 1rem !important;
}
.active{
  border-bottom: 4px solid #007580;
}
.social-icon {
      display: inline-flex; /* Usando flexbox para centralizar vertical e horizontalmente */
      justify-content: center; /* Centraliza horizontalmente */
      align-items: center; /* Centraliza verticalmente */
      width: 50px; /* Ajuste o tamanho conforme necessário */
      height: 50px; /* Ajuste o tamanho conforme necessário */
      border: 2px solid #FFF; /* Cor e largura da borda */
      border-radius: 50%; /* Para tornar a borda redonda */
      overflow: hidden; /* Para esconder a parte interna */
      margin-right: 10px; /* Espaçamento entre os ícones */
    }

    .social-icon i {
      font-size: 24px; /* Ajuste o tamanho do ícone conforme necessário */
      color: #FFF; /* Cor do ícone */
    }
    .social-icon.facebook:hover {
      border-color: #0511fa; /* Azul da borda do Facebook */
    }

    .social-icon.facebook:hover i {
      color: #0511fa; /* Azul do ícone do Facebook */
    }

    .social-icon.instagram:hover {
      border-color: #f542b0; 
    }

    .social-icon.instagram:hover i {
      color: #f542b0;
    }

    .social-icon.whatsapp:hover {
      border-color: #05fa36; /* Verde da borda do Whatsapp */
    }

    .social-icon.whatsapp:hover i {
      color: #05fa36; /* Verde do ícone do Whatsapp */
    }
    .background-section1{
      background-image: url(img/Header.gif);
      background-size: cover;
      background-repeat: no-repeat;
      height: 911px;
    }
    .botao-customizado {
      background-color: #FFFFFF;
    color: #007580;
    border: 2px solid #FFFFFF;
    border-radius: 50px;
    padding: 10px 0px;
    font-size: 30px;
    cursor: pointer;
    width: 30rem;
  }
  .botao-customizado:hover {
    background-color: #FFFFFF; /* Altera a cor de fundo ao passar o mouse */
    color: #007580; /* Altera a cor do texto ao passar o mouse */
}
}
@media (min-width: 1800px) and (max-width: 1899px){
  .margin-img{
    margin-top: -30rem;
  }
  .text-1{
    color: white; 
    padding-top: 25%; 
    font-size: 2rem;
  }
  .text-2{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-3{
    color: white; 
    padding-top: 10%; 
    font-size: 2rem;
  }
  .text-4{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-5{
    color: white; 
    font-size: 1.5rem;
  }
  .text-6{
    color: white; 
    font-size: 1.5rem;
  }
  .text-7{
    color: white; 
    font-size: 1.5rem;
  }
  .text-8{
    color: white; 
    font-size: 2rem;
  }
  .padding-1{
    padding: 50px 50px 50px 50px;
  }
  .padding-2{
    background-color:#de3312; 
    padding: 2rem 2rem 0rem 2rem;
  }
  .padding-3{
    padding:2%;
  }
  .padding-4{
    padding-right: 0.5rem;
  }
  .logo-kikito-footer{
    width: 55%;
  }
  .logo-museu{
    width: 90%; 
    float: left; 
    margin-right: 10px;
  }
  .logo-kikito{
    width: 8%;
  }
  .botao-semi-circulo {
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-bottom-left-radius: 100px;
    border-bottom-right-radius:100px;
    overflow: hidden;
    text-align: center;
}
a:hover{
  color:#ffffff !important;
  text-decoration: none !important;  
}
.botao-semi-circulo2 {
    position: absolute;
    bottom: 0; /* Alterado de 'top: 0' para 'bottom: 0' */
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-top-left-radius: 100px; /* Alterado de 'border-bottom-left-radius' para 'border-top-left-radius' */
    border-top-right-radius: 100px; /* Alterado de 'border-bottom-right-radius' para 'border-top-right-radius' */
    overflow: hidden;
    text-align: center;
}
.botao-semi-circulo a {
    display: block;
    padding-top: 1rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none !important;
}
.botao-semi-circulo2 a {
    display: block;
    padding-top: 2rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none;
}
.navbar{
  padding: 0rem 1rem 0rem 1rem !important;
}
.active{
  border-bottom: 4px solid #007580;
}
.social-icon {
      display: inline-flex; /* Usando flexbox para centralizar vertical e horizontalmente */
      justify-content: center; /* Centraliza horizontalmente */
      align-items: center; /* Centraliza verticalmente */
      width: 50px; /* Ajuste o tamanho conforme necessário */
      height: 50px; /* Ajuste o tamanho conforme necessário */
      border: 2px solid #FFF; /* Cor e largura da borda */
      border-radius: 50%; /* Para tornar a borda redonda */
      overflow: hidden; /* Para esconder a parte interna */
      margin-right: 10px; /* Espaçamento entre os ícones */
    }

    .social-icon i {
      font-size: 24px; /* Ajuste o tamanho do ícone conforme necessário */
      color: #FFF; /* Cor do ícone */
    }
    .social-icon.facebook:hover {
      border-color: #0511fa; /* Azul da borda do Facebook */
    }

    .social-icon.facebook:hover i {
      color: #0511fa; /* Azul do ícone do Facebook */
    }

    .social-icon.instagram:hover {
      border-color: #f542b0; 
    }

    .social-icon.instagram:hover i {
      color: #f542b0;
    }

    .social-icon.whatsapp:hover {
      border-color: #05fa36; /* Verde da borda do Whatsapp */
    }

    .social-icon.whatsapp:hover i {
      color: #05fa36; /* Verde do ícone do Whatsapp */
    }
    .background-section1{
      background-image: url(img/Header.gif);
      background-size: cover;
      background-repeat: no-repeat;
      height: 965px;
    }
    .botao-customizado {
      background-color: #FFFFFF;
    color: #007580;
    border: 2px solid #FFFFFF;
    border-radius: 50px;
    padding: 10px 0px;
    font-size: 30px;
    cursor: pointer;
    width: 30rem;
  }
  .botao-customizado:hover {
    background-color: #FFFFFF; /* Altera a cor de fundo ao passar o mouse */
    color: #007580; /* Altera a cor do texto ao passar o mouse */
}
}
@media (min-width: 1900px) and (max-width: 2000px){
  .margin-img{
    margin-top: -30rem;
  }
  .text-1{
    color: white; 
    padding-top: 25%; 
    font-size: 2rem;
  }
  .text-2{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-3{
    color: white; 
    padding-top: 10%; 
    font-size: 2rem;
  }
  .text-4{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-5{
    color: white; 
    font-size: 1.5rem;
  }
  .text-6{
    color: white; 
    font-size: 1.5rem;
  }
  .text-7{
    color: white; 
    font-size: 1.5rem;
  }
  .text-8{
    color: white; 
    font-size: 2rem;
  }
  .padding-1{
    padding: 50px 50px 50px 50px;
  }
  .padding-2{
    background-color:#de3312; 
    padding: 2rem 2rem 0rem 2rem;
  }
  .padding-3{
    padding:2%;
  }
  .padding-4{
    padding-right: 0.5rem;
  }
  .logo-kikito-footer{
    width: 55%;
  }
  .logo-museu{
    width: 90%; 
    float: left; 
    margin-right: 10px;
  }
  .logo-kikito{
    width: 8%;
  }
  .botao-semi-circulo {
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-bottom-left-radius: 100px;
    border-bottom-right-radius:100px;
    overflow: hidden;
    text-align: center;
}
a:hover{
  color:#ffffff !important;
  text-decoration: none !important;  
}
.botao-semi-circulo2 {
    position: absolute;
    bottom: 0; /* Alterado de 'top: 0' para 'bottom: 0' */
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-top-left-radius: 100px; /* Alterado de 'border-bottom-left-radius' para 'border-top-left-radius' */
    border-top-right-radius: 100px; /* Alterado de 'border-bottom-right-radius' para 'border-top-right-radius' */
    overflow: hidden;
    text-align: center;
}
.botao-semi-circulo a {
    display: block;
    padding-top: 1rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none !important;
}
.botao-semi-circulo2 a {
    display: block;
    padding-top: 2rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none;
}
.navbar{
  padding: 0rem 1rem 0rem 1rem !important;
}
.active{
  border-bottom: 4px solid #007580;
}
.social-icon {
      display: inline-flex; /* Usando flexbox para centralizar vertical e horizontalmente */
      justify-content: center; /* Centraliza horizontalmente */
      align-items: center; /* Centraliza verticalmente */
      width: 50px; /* Ajuste o tamanho conforme necessário */
      height: 50px; /* Ajuste o tamanho conforme necessário */
      border: 2px solid #FFF; /* Cor e largura da borda */
      border-radius: 50%; /* Para tornar a borda redonda */
      overflow: hidden; /* Para esconder a parte interna */
      margin-right: 10px; /* Espaçamento entre os ícones */
    }

    .social-icon i {
      font-size: 24px; /* Ajuste o tamanho do ícone conforme necessário */
      color: #FFF; /* Cor do ícone */
    }
    .social-icon.facebook:hover {
      border-color: #0511fa; /* Azul da borda do Facebook */
    }

    .social-icon.facebook:hover i {
      color: #0511fa; /* Azul do ícone do Facebook */
    }

    .social-icon.instagram:hover {
      border-color: #f542b0; 
    }

    .social-icon.instagram:hover i {
      color: #f542b0;
    }

    .social-icon.whatsapp:hover {
      border-color: #05fa36; /* Verde da borda do Whatsapp */
    }

    .social-icon.whatsapp:hover i {
      color: #05fa36; /* Verde do ícone do Whatsapp */
    }
    .background-section1{
      background-image: url(img/Header.gif);
      background-size: cover;
      background-repeat: no-repeat;
      height: 1015px;
    }
    .botao-customizado {
      background-color: #FFFFFF;
    color: #007580;
    border: 2px solid #FFFFFF;
    border-radius: 50px;
    padding: 10px 0px;
    font-size: 30px;
    cursor: pointer;
    width: 30rem;
  }
  .botao-customizado:hover {
    background-color: #FFFFFF; /* Altera a cor de fundo ao passar o mouse */
    color: #007580; /* Altera a cor do texto ao passar o mouse */
}
}
@media (min-width: 2001px) {
  .margin-img{
    margin-top: -30rem;
  }
  .text-1{
    color: white; 
    padding-top: 25%; 
    font-size: 2rem;
  }
  .text-2{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-3{
    color: white; 
    padding-top: 10%; 
    font-size: 2rem;
  }
  .text-4{
    color: #fdc610; 
    font-size: 3rem;
  }
  .text-5{
    color: white; 
    font-size: 1.5rem;
  }
  .text-6{
    color: white; 
    font-size: 1.5rem;
  }
  .text-7{
    color: white; 
    font-size: 1.5rem;
  }
  .text-8{
    color: white; 
    font-size: 2rem;
  }
  .padding-1{
    padding: 50px 50px 50px 50px;
  }
  .padding-2{
    background-color:#de3312; 
    padding: 2rem 2rem 0rem 2rem;
  }
  .padding-3{
    padding:2%;
  }
  .padding-4{
    padding-right: 0.5rem;
  }
  .logo-kikito-footer{
    width: 55%;
  }
  .logo-museu{
    width: 90%; 
    float: left; 
    margin-right: 10px;
  }
  .logo-kikito{
    width: 8%;
  }
  .botao-semi-circulo {
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-bottom-left-radius: 100px;
    border-bottom-right-radius:100px;
    overflow: hidden;
    text-align: center;
}
a:hover{
  color:#ffffff !important;
  text-decoration: none !important;  
}
.botao-semi-circulo2 {
    position: absolute;
    bottom: 0; /* Alterado de 'top: 0' para 'bottom: 0' */
    width: 200px; /* ajuste conforme necessário */
    height: 100px; /* ajuste conforme necessário */
    background-color: #007bff; /* cor de fundo */
    border-top-left-radius: 100px; /* Alterado de 'border-bottom-left-radius' para 'border-top-left-radius' */
    border-top-right-radius: 100px; /* Alterado de 'border-bottom-right-radius' para 'border-top-right-radius' */
    overflow: hidden;
    text-align: center;
}
.botao-semi-circulo a {
    display: block;
    padding-top: 1rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none !important;
}
.botao-semi-circulo2 a {
    display: block;
    padding-top: 2rem; /* ajuste conforme necessário */
    font-weight: bold;
    color: #ffffff; /* cor do texto */
    text-decoration: none;
}
.navbar{
  padding: 0rem 1rem 0rem 1rem !important;
}
.active{
  border-bottom: 4px solid #007580;
}
.social-icon {
      display: inline-flex; /* Usando flexbox para centralizar vertical e horizontalmente */
      justify-content: center; /* Centraliza horizontalmente */
      align-items: center; /* Centraliza verticalmente */
      width: 50px; /* Ajuste o tamanho conforme necessário */
      height: 50px; /* Ajuste o tamanho conforme necessário */
      border: 2px solid #FFF; /* Cor e largura da borda */
      border-radius: 50%; /* Para tornar a borda redonda */
      overflow: hidden; /* Para esconder a parte interna */
      margin-right: 10px; /* Espaçamento entre os ícones */
    }

    .social-icon i {
      font-size: 24px; /* Ajuste o tamanho do ícone conforme necessário */
      color: #FFF; /* Cor do ícone */
    }
    .social-icon.facebook:hover {
      border-color: #0511fa; /* Azul da borda do Facebook */
    }

    .social-icon.facebook:hover i {
      color: #0511fa; /* Azul do ícone do Facebook */
    }

    .social-icon.instagram:hover {
      border-color: #f542b0; 
    }

    .social-icon.instagram:hover i {
      color: #f542b0;
    }

    .social-icon.whatsapp:hover {
      border-color: #05fa36; /* Verde da borda do Whatsapp */
    }

    .social-icon.whatsapp:hover i {
      color: #05fa36; /* Verde do ícone do Whatsapp */
    }
    .background-section1{
      background-image: url(img/Header.gif);
      background-size: cover;
      background-repeat: no-repeat;
      height: 1067px;
    }
    .botao-customizado {
      background-color: #FFFFFF;
    color: #007580;
    border: 2px solid #FFFFFF;
    border-radius: 50px;
    padding: 10px 0px;
    font-size: 30px;
    cursor: pointer;
    width: 30rem;
  }
  .botao-customizado:hover {
    background-color: #FFFFFF; /* Altera a cor de fundo ao passar o mouse */
    color: #007580; /* Altera a cor do texto ao passar o mouse */
}
}