body {
  font-family: 'Lato', sans-serif;
  font-size: 14px;
}

h1 {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
}
h2 {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
}

h3 {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  font-size: 18px;
}

.top-element {
  margin-top: 100px;
}

.bg-light{
	background-color: #f29400 !important;
}

.login {
    width: 40%;
    margin-right: auto;
    margin-left: auto;
}

.fa-icon-cuadro {
  padding: 7px;
  border-radius: 6px;
  background-color: #2d98cf;
  color: #fff;
  cursor: pointer;
}

.fa-icon-eliminar {
  padding: 7px;
  border-radius: 6px;
  background-color: #c42a2a;
  color: #fff;
  cursor: pointer;
}

.formulario {
  border-color: #999;
  border-style: solid;
  border-width: 1px;
  padding: 40px;
  border-radius: 10px;
}

@media (max-width: 800px) {
    .login {
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }
  }