.content-login {
   position: fixed;
   width: 100vw;
   height: 100vh;
   display: flex;

   align-items: center;
   justify-content: center;
   margin-left: auto;
   margin-right: auto;
   transform: translate(0, -15%);
}


.mainLogo--container {
   display: block;
   width: 30rem;
   height: 14rem;
   overflow-y: hidden;
   border-radius: .5rem;
}



.mainLogo--image {
   width: 30rem;
}

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

.logo {
   padding: 0px;
   margin-left: 20px;
}

.div-text {
   font-size: medium;
   font-weight: 1000;
}

.logo-main {
   display: flex;
   align-content: center;
   justify-content: center;
}

.texth4 {
   color: white;
}

.input-login {
   width: 350px;
   border: 1px solid #91e7e7;
   color: #444;
   font-weight: bold;
}

.input-login:focus {
   /* color: #2bb673; */
   color: #444;
}


* {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}


.buttons {
   margin: 10%;
   text-align: center;
}

.btn-hover {
   width: 240px;
   font-size: 16px;
   font-weight: 600;
   color: #fff;
   cursor: pointer;
   margin: 55px;
   height: 50px;
   text-align: center;
   border: none;
   background-size: 300% 100%;

   border-radius: 50px;
   moz-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   -webkit-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out;
}

.btn-hover:hover {
   background-position: 100% 0;
   moz-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   -webkit-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out;
}

.btn-hover:focus {
   outline: none;
}

.btn-hover.color-5 {
   background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673);
   box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75);
}