html{
    scroll-behavior: smooth;
}
/* Default height for small devices */
#intro {
  height: 860px;
  /* Margin to fix overlapping fixed navbar */
  margin-top: 58px;
}

.logo img {
  width: 500px;
  margin-top: -40px;
}

.text1 {
  position: relative;
  animation-name: example;
  animation-duration: 4s;
  animation-delay: 2s;
  animation-iteration-count: infinite;
}

@keyframes example {
  0% {
    left: 0px;
    top: 0px;
  }

  25% {
    left: 200px;
    top: 0px;
  }

  50% {
    left: 200px;
    top: 0px;
  }

  75% {
    left: -200px;
    top: 0px;
  }

  100% {
    left: 0px;
    top: 0px;
  }
}
#quienes_somos{
    padding: 5%;
}
#quienes_somos h2{
    text-align: center;
}
#quienes_somos .text2{
    text-align: center;
}
#productos{
    background-color: black;
    background-image: url(../img/fondo_h.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    color: #d8d8d8;
    padding: 5%;
}
#productos h2{
    text-align: center;
    padding: 2%;
}
#productos ul{
    list-style-type: square;
    list-style:inside;
    text-align: center;
}
#contacto{
    padding: 5%;
}
#contacto h2{
    text-align: center;
}
#contacto input{
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom:#ccab23 2px solid;
}
#contacto input:focus, input:active{
    outline: #d8d8d8;
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom:#d8d8d8 2px solid;
}
#contacto textarea{
    width: 100%;
    height: 100%;
    border-top: none;
    border-left: none;
    border-right: #ccab23 2px solid;;
    border-bottom:#ccab23 2px solid;
}
#contacto textarea:focus, textarea:active{
    outline: #d8d8d8;
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: #d8d8d8 2px solid;
    border-bottom:#d8d8d8 2px solid;
}
#contacto button{
    text-align: center;
    width: 100%;
    margin-top: 15px;
    letter-spacing: 1.25em;
    font-size: medium;
    border-radius: 8px;
}
#encuentranos{
  padding: 5%;
  background-color: #000000;
  color: #ccab23;
}
#encuentranos a{
  color: #d8d8d8;
}
#encuentranos h2, h3{
  text-align: center;
}
#encuentranos .contenido1{
  text-align: center;
}

@media (max-width: 991px) {
  #intro {
    /* Margin to fix overlapping fixed navbar */
    margin-top: 45px;
  }

  .logo img {
    width: 300px;
    margin-top: -40px;
  }
  #contacto textarea{
    margin-top: 25px;
}
#contacto button{
    margin-top: 40px;
}
}
.text1 {
  position: relative;
  animation-name: example;
  animation-duration: 4s;
  animation-delay: 2s;
  animation-iteration-count: infinite;
}

@keyframes example {
  0% {
    left: 0px;
    top: 0px;
  }

  25% {
    left: 25px;
    top: 0px;
  }

  50% {
    left: 25px;
    top: 0px;
  }

  75% {
    left: -25px;
    top: 0px;
  }

  100% {
    left: 0px;
    top: 0px;
  }
  
}