body {
  background-color: #0d1023;
  color: #fbfef9;
  font-family: 'Helvetica';
  font-size: 15px;
  height: 100%;
  cursor: default;
}
.contacto-info {
  text-align: center;
}
#frm-contact {
  background-color: #2c2a2f;
  padding: 10px 0 20px 0px;
  width: 80%;
  margin: auto;
  border-radius: 10px;
}
.contacto-info input {
  margin-top: 20px;
  width: 80%;
  height: 50px;
  background-color: rgb(27,26,29);
  color: white;
  border: none;
  border: 1px solid rgb(27,26,29);
  padding: 0px 15px;
}
.contacto-info textarea {
  margin-top: 20px;
  width: 80%;
  height: 100px;
  background-color: rgb(27,26,29);
  color: white;
  border: none;
  border: 1px solid rgb(27,26,29);
  padding: 0px 15px;
}

.section-contacto {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 40px;
}

.titulo {
    font-size: 35px;
    text-align: center;
    font-family: 'Bunya PERSONAL';
    font-weight: bolder;
    margin: 30px 0px 10px 0px;
    text-transform: uppercase;
}

.info-live {
  width: 80%;
  text-align: center;
  margin: auto;
  margin-bottom: 20px;
  margin-top: 10px;
}

.enviar {
  margin-top: 20px;
  width: 22%;
  color: white;
  background-color: rgb(27,26,29);
}

.enviar:hover {
  color: white;
  background-color: rgb(86,83,92);
}


@media (min-width: 340px) and (max-width:550px) {

  .contacto-info {
    width: 95%;
    /* margin-left: 30%; */
    height: 600px;
    background-color: #2c2a2f;
    border-radius: 20px;
    text-align: center;
    margin: auto;
  }

  .img-logo-term{
    margin-left: 1%;;
  }

}