.fields-form {
  border-radius: 10px;
  font-weight: bold;
  color: #8F8F8F
}

.fields-form-label {
  font-weight: bold;
  color: #8F8F8F;
  font-size: xx-small;
}

#body-form {
  background-color: #C4E3F8
}

.logo-imgs {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#cont-form {
  margin-left: 5%;
  margin-right: 5%;
  background-color: white;
  border-radius: 35px;
  width: 90%;
  margin-top: 10%;
}

.btnsignin {
  border-radius: 10px;
  width: 50%;
  padding: 15px 20px;
  background-color: #36A2E5;
  font-weight: bold;
  font-size: 20px;
  border-color: #36A2E5 !important;
}

.form-check-label {
  font-weight: bold;
  color: #8F8F8F;
  font-size: 14px;
}
.form-check-label a {
  color: #8F8F8F;
}

.img-third img {
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}
.img-third {
  width: 49%;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

#div-social a {
  text-decoration: none !important;
}

@media screen and (min-width: 768px) {
  .logo-imgs {
    width: 100% !important;
  }

  .logo-imgs img {
    width: 35% !important;
  }

  .logo-imgs img:first-child {
    width: 40% !important;
  }

  .colindex, .col-third {
    width: 100% !important;
    text-align: center;

  }

  .col-third a img {
    width: 70% !important;
  }

  .colindex a img {
    width: 70% !important;
  }

  .h-third {
    font-size: medium !important;
  }

  .h-third-url {
    font-size: x-large !important;
    margin-top: 10%;
  }

  #row-index {
    margin-top: 50% !important;
  }

  #div-social {
    width: 100% !important;
  }

  #div-social a img {
    width: 10% !important;
  }

  #imgfb {
    width: 11% !important;
  }

}