p {
   color: #b3b3b3;
   font-weight: 300;
}

.content {
   width: 100vw;
   height: 100vh;
}

.content .contents .form-group {
   overflow: hidden;
   margin-bottom: 0;
   padding: 15px;
   border-bottom: none;
   position: relative;
   background: #edf2f5;
   border-bottom: 1px solid #e6edf1;
}
.content .contents .form-group label {
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   -webkit-transition: 0.3s all ease;
   -o-transition: 0.3s all ease;
   transition: 0.3s all ease;
}
.content .contents .form-group input {
   background: transparent;
}
.content .contents .form-group.first {
   border-top-left-radius: 7px;
   border-top-right-radius: 7px;
}
.content .contents .form-group.last {
   border-bottom-left-radius: 7px;
   border-bottom-right-radius: 7px;
}
.content .contents .form-group label {
   font-size: 12px;
   display: block;
   margin-bottom: 0;
   color: #b3b3b3;
}
.content .contents .form-group.focus {
   background: #fff;
}
.content .contents .form-group.field--not-empty label {
   margin-top: -20px;
}
.content .contents .form-control {
   border: none;
   padding: 0;
   font-size: 20px;
   border-radius: 0;
}
.content .contents .form-control:active,
.content .contents .form-control:focus {
   outline: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}


@media(min-width: 960px) {
   .loginlogo {
      width: 150px;
   }
}
@media(max-width: 960px) {
   .loginlogo {
      width: 150px;
   }
}

@media(max-width: 720px) {
   .loginlogo {
      width: 120px;
   }
}

@media(max-width: 540px) {
   .loginlogo {
      width: 100px;
   }
}