#loginModal {
  opacity: 1;
}

@media (min-width: 576px) {
  .login-modal-dialog {
    max-width: 400px;
  }
}

.login-form-title {
  margin: -2rem 0rem 2rem;
}

.login-btn-round {
  margin-top: 1.5rem!important;
  margin-bottom: 0!important;
  border-radius: 3rem;
}

#login-form {
  margin-bottom: 8px;
}

.modal.fade .modal-dialog {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}


/**********************************************
*** Navbar
**********************************************/

/*Hide navbar carousel for small screens*/
@media (max-width: 1080px) {
  .content-to-hide {
    display: none;
  }
}


/**********************************************
*** Video
**********************************************/

#myLoginVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 100%;
  min-height: 100%;
}


/**********************************************
*** Container
**********************************************/
body {
  text-align: center;
  color: var(--my-black);
  background-color: #102966;
}

/**********************************************
*** W3 Animations
**********************************************/

.myLoginAnimation{
  /*animation-timing-function: ease;*/
  /*ease-out;*/
  animation-fill-mode: backwards;
  animation-delay: 2.5s;
  animation-duration: 3s;
}