:root {
  --primary: #111b54;
  --dark: #16191c;
  --dark-x: #1e2126;
  --light: #ffffff;
}

body {
  font-family: "Spartan", sans-serif;
  font-weight: 300;
  color: var(--primary);
}
.bg-light {
  background-color: var(--light) !important;
}
.text-light {
  color: var(--light) !important;
}
.bg-dark {
  background-color: var(--dark) !important;
}
.bg-dark-x {
  background-color: #eeeeee;
}

.btn {
  min-height: 3.125rem;
  font-weight: 600;
}

.btn-primary {
  background-color: var(--primary);
  border: 0;
}

.btn-primary:hover {
  background-color: #1a2a83;
  transition: 0.5s;
}
.form-control {
  min-height: 3.125rem;
  line-height: initial;
}
.form-control:focus {
  background-color: #eeeeee;
  outline: none;
}

.img-1 {
  background-image: url("../img/portada1.jpg");

  background-size: cover;
  background-position: center;
}

.img-2 {
  background-image: url("../img/portada2.jpg");
  background-size: cover;
  background-position: center;
}
.text-danger{
  font-size: 20px !important;
}