@font-face {
  font-family: 'Montserrat', sans-serif;
  src: url(fonts/Poppins-Bold.ttf);
}

html,
body {
  font-family: 'Montserrat', sans-serif;
}

h1 {
  font-weight: 500;
}

h2,
h3,
h4 {
  font-weight: 700;
}

h1 span {
  font-weight: 700;
}

p {
  font-weight: 400;
}

.bg-recall {
  background-image: url(/static/img/recall-brasil/bg-recall-brasil.jpg);
  background-position: center;
  background-size: cover;
  padding-top: 3rem;
  padding-bottom: 3rem;
  min-height: 500px;
}

.bg-recall h1 {
  font-size: 2.1rem;
}

.bg-form {
  background-image: linear-gradient(to right, #0034a4, #1a306b);
  background-color: #0034a4;
  padding: 2rem;

}

.bg-form h3 {
  color: #ffffff;
}

.text-primario {
  color: #0034a4 !important;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  background-color: #dddddd;
  border-color: #d3d9df;
  font-weight: 700;
  border-radius: 10px;
}

.btn-light {
  color: #182e66;
  background-color: #ffffff;
  border-color: #d3d9df;
  font-weight: 700;
  border-radius: 10px;
  font-size: 1.4rem;
}

small,
.small {
  font-size: 73%;
}

.form-control {
  background-color: rgb(255 255 255 / 0%);
  border: 2px solid #ffffff;
  border-radius: 10px;
  color: #ffffff;
}

input::placeholder {
  color: #fff !important;
  font-weight: 500;
}

.form-group {
  margin-bottom: 2rem;
}
.form-control:disabled, .form-control[readonly] {
    background-color: transparent;
    opacity: 1;
}
footer {
  background-color: #ffffff;
  height: 50px;
  padding-top: 1rem;
  padding-bottom: 3rem;
}

@media (min-width:900px) {
  .bg-form {
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    min-height: 35.5rem;
  }

}

@media (max-width:600px) {
  .navbar-light .navbar-brand {
    margin: 0 auto;
  }

  .bg-recall h1 {
    font-size: 2rem;
    text-align: center;
  }
}

@media (max-width:768px) {
  footer p {
    font-size: 13px;
  }

  .bg-recall {
    background-position: 85%;
    padding-top: 1rem;
    padding-bottom: 1.5rem;
  }

  .btn-light {
    font-size: 1.2rem;
  }
}