body{
	width: 100%;
	align-items: center;
	justify-content: center;
}
.form-container.registro  form{
	bottom:5%;
}
.form-container.login  form,.form-container.registro  form{
    width: 953px;
    background: #b7d1e8;
    margin:0 auto;
    /* margin: auto; */
    left: 5%;
    right: 5%;
    padding: 40px;
    border-radius: 4px;
    /* max-width: 600px; */
    box-shadow: 0 4px 10px 4px #bcafaf;
    z-index: 3000;
    position: absolute;
    /* height: 444px; */
}
.form-container.login label, .form-container.login button{
    font-size: 24px;
}

div#idRol{
    display: flex;
  justify-content: space-around;
  background: #0000003b;
  padding: 40px;
  font-size: larger;
  flex-wrap: wrap;
}
.form-floating>label {
  z-index: 14;
}

#basic-addon1{
  color:#9E4D67
}

@media screen and (max-width: 1024px) {
   .form-container form{
      width: 90% !important;
    max-width: 100%;
  }
}





/* HOME */
header{
  width:100%
}


body{
  min-height: 100vh;
	height:100%;
  background-image: url('../img/home2.jpg');
  background-size: 100% 100%;
  object-fit: contain;
  background-repeat: no-repeat;
  background-color: #D2E1E6;
}


.nav-link, .nav-link.active{
  color:white
}
nav .container-fluid{
  background: #16345E;
  height: 100px;
}



@media screen and (max-width: 1024px) {
  .form-container.login{
       width: 90%;
     max-width: 100%;
     margin: 20px;
   }



}

.nav-home{
    display: flex !important;
    align-content: flex-end;
    justify-content: space-evenly;
    flex-wrap: nowrap;
    align-items: center;
}