body {
  background: white;
  color: black;
  /*border:1px solid $secundario;*/ }

.encabezado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-image: -webkit-gradient(linear, left top, left bottom, from(green), to(white));
  background-image: linear-gradient(green, white);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }



.titulo1 {
  font-size: 1.9rem;
  color: #1db11d; }

.titulo2 {
  font-size: 0.5rem;
  color: #1db11d; }

.selectAltura {
  display: block;
  height: 50px;
  width: 200px; }

.selectAltura2 {
  padding: 20px; }

.button {
  background: white; }

.container1{
  width: 40%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container1 {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container1 {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container1 {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container1 {
    max-width: 1140px;
  }
}

.container1-fluid, .container1-sm, .container1-md, .container1-lg, .container1-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container1, .container1-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container1, .container1-sm, .container1-md {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container, .container1-sm, .container1-md, .container-lg {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container1, .container1-sm, .container1-md, .container1-lg, .container1-xl {
    max-width: 1140px;
  }
}


/*# sourceMappingURL=estilos.css.map */

.container2{
  width: 60%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container2 {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container2 {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container2 {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container2 {
    max-width: 1140px;
  }
}

.container2-fluid, .container2-sm, .container2-md, .container2-lg, .container2-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container2, .container2-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container2, .container2-sm, .container2-md {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container2, .container2-sm, .container2-md, .container2-lg {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container2, .container2-sm, .container2-md, .container2-lg, .container2-xl {
    max-width: 1140px;
  }
}



.container3{
  width: 20%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container3 {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container3 {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container3 {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container3 {
    max-width: 1140px;
  }
}

.container3-fluid, .container3-sm, .container3-md, .container3-lg, .container3-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container3, .container3-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container3, .container3-sm, .container3-md {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container3, .container3-sm, .container3-md, .container3-lg {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container2, .container2-sm, .container2-md, .container2-lg, .container2-xl {
    max-width: 1140px;
  }
}